Добро пожаловать в AI Nexus , редакционную платформу, которая использует Advanced AI Technologies, чтобы революционизировать создание, редактирование и управление контентом. Этот проект сочетает в себе силу Claude, Sonnet SDK и других современных инструментов, чтобы обеспечить бесшовный опыт для журналистов, редакторов и администраторов.
| Технология | Описание |
|---|---|
| Next.js | React Framework для создания быстрых веб -приложений |
| Машинопись | Тип-безопасный JavaScript для лучшей разработки |
| Tailwind CSS | Утилита-первый CSS Framework |
| Призма | Современный ORM для PostgreSQL |
| TRPC | Сквозные API-интерфейсы Typesafe |
| Антропический SDK | Модели ИИ для передового переписывания контента |
| Клерк | Аутентификация и управление пользователями |
| Полоса | Обработка оплаты и управление подпиской |
| Сценарий | Описание |
|---|---|
npm run dev | Запустите сервер разработки |
npm run build | Создать проект для производства |
npm run start | Запустить производственный сервер |
npm run lint | Запустите Eslint, чтобы найти и исправить проблемы |
npm run tsc | Запустите компилятор TypeScript |
npm run format | Форматируйте кодовую базу с помощью красивой |
npm run prepare | Установите Husky для Git Hooks |
npm run postinstall | Автоматически генерировать Prisma Client |
| Упаковка | Версия | Описание |
|---|---|---|
@anthropic-ai/sdk | ^0,27,1 | SDK для интеграции моделей антропного ИИ |
@clerk/nextjs | ^5.3.7 | Интеграция клерка для lete.js |
@hookform/resolvers | ^3.9.0 | Резолювер для формы React Hook |
@pinecone-database/pinecone | ^3.0.2 | Клиент базы данных векторов Pinecone |
@prisma/client | 5.18.0 | Prisma Client для доступа к базе данных |
@radix-ui/react-* | ^1.1.0+ | Компоненты пользовательского интерфейса Radix для создания доступного пользовательского интерфейса |
@stripe/stripe-js | ^4.4.0 | Библиотека stripe.js для интеграции фронта |
@tanstack/react-query | 4.36.1 | Реактируйте запрос на получение данных и кэширование |
@trpc/client , @trpc/server | ^10.45.2 | TRPC для API -файлов Typesafe |
@tsparticles/engine | ^3.5.0 | Двигатель частиц для анимации |
class-variance-authority | ^0,7,0 | Утилита CSS Taillid для обработки имен классов |
clsx | ^2.1.1 | Утилита для условных имен классов |
date-fns | ^3.6.0 | Современная утилита даты JavaScript |
framer-motion | ^11.3.31 | Библиотека движения для реагирования |
front-matter | ^4.0.2 | Синтаксический анализатор Front Matter Yaml |
lucide-react | ^0,427.0 | React Components для икон Lucide |
next | 14.2.5 | Next.js Framework |
next-cloudinary | ^6.11.0 | Облачная интеграция для lete.js |
next-themes | ^0.3.0 | Тема Toggler для lete.js |
react , react-dom | ^18.3.1 | Библиотека React для создания пользовательского интерфейса |
react-hook-form | ^7.53.0 | Библиотека Performant Form для React |
react-loader-spinner | ^6.1.6 | React Component для загрузки спиннеров |
react-markdown | ^9.0.1 | Рендеринг разметки для React |
react-top-loading-bar | ^2.3.1 | React Component для верхней загрузки |
remark-gfm | ^4.0.0 | Замечание плагин для ароматизированной маркировки GitHub |
sonner | ^1.5.0 | Компонент уведомлений для React |
stripe | ^16.9.0 | Стрип -узлы. Библиотека |
tailwind-merge | ^2.5.2 | Утилита для объединения классов CSS Tailwind |
tailwindcss-accent | ^2.1.2 | Плагин CSS Tailld для акцентных цветов |
tailwindcss-animate | ^1.0.7 | Плагин CSS Tailld для анимации |
zod | ^3.23.8 | Библиотека проверки схемы с схемами |
| Упаковка | Версия | Описание |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | Плагин Eslint для lete.js |
@types/node | ^20.16.3 | Определения типа типа для node.js |
@types/react | ^18.3.5 | Определения типа типа для React |
@types/react-dom | ^18.3.0 | Определения типа типа для реагирования DOM |
eslint | ^8 | Подключаемый JavaScript Linter |
eslint-config-next | 14.2.5 | Конфигурация Eslint для lete.js |
eslint-plugin-react | ^7.35.0 | Плагин Eslint для React |
husky | ^8.0.3 | Инструмент Git Hooks |
postcss | ^8.4.42 | CSS -обработка инструмента |
prettier | ^3.3.3 | Форматер кода |
prisma | ^5.18.0 | Призма Орм |
tailwindcss | ^3.4.10 | Утилита-первый CSS Framework |
typescript | ^5 | Типовой язык |
| Структура папки |
ai-nexus/
├── public/ # Public assets
├── src/
│ ├── components/ # Reusable React components
│ ├── pages/ # Next.js pages
│ ├── styles/ # Global styles
│ ├── trpc/ # TRPC configuration
│ ├── utils/ # Utility functions and helpers
│ └── forms/ # Forms and form validation
├── prisma/ # Prisma schema and migrations
├── .env # Environment variables
├── .eslintrc.js # ESLint configuration
├── .prettierrc # Prettier configuration
├── tailwind.config.js # Tailwind CSS configuration
└── tsconfig.json # TypeScript configuration
Клонировать репозиторий :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexusУстановить зависимости :
npm installНастройка переменных среды :
.env и настройте его с помощью учетных данных базы данных и клавиш API.Запустить миграции базы данных :
npx prisma migrate devЗапустите сервер разработки :
npm run dev AI Nexus использует клерка для аутентификации пользователей и управления. Убедитесь, что вы правильно настроили ключи API клерка в файле .env . Платформа разработана с учетом лучших практик безопасности, включая контроль доступа на основе ролей (RBAC) для управления различными разрешениями пользователей.
Мы приветствуем вклад в проект AI Nexus! Если вы хотите внести свой вклад, пожалуйста, следуйте этим шагам:
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).