Bem -vindo ao AI Nexus , uma plataforma editorial que aproveita as tecnologias avançadas de IA para revolucionar a criação, edição e gerenciamento de conteúdo. Este projeto combina o poder do Claude, Sonnet SDK do Anthropic e outras ferramentas modernas para fornecer uma experiência perfeita para repórteres, editores e administradores.
| Tecnologia | Descrição |
|---|---|
| Next.js | REACH Framework para criar aplicativos da Web rápidos |
| TypeScript | JavaScript de tipo para melhor desenvolvimento |
| Tailwind CSS | Estrutura CSS da Utility-primeiro |
| Prisma | ORM moderno para PostgreSQL |
| TRPC | APIs de ponta a ponta |
| SDK antrópico | Modelos de IA para reescrita de conteúdo avançado |
| Atendente | Autenticação e gerenciamento de usuários |
| Listra | Processamento de pagamento e gerenciamento de assinaturas |
| Script | Descrição |
|---|---|
npm run dev | Inicie o servidor de desenvolvimento |
npm run build | Construa o projeto para produção |
npm run start | Inicie o servidor de produção |
npm run lint | Execute Eslint para encontrar e corrigir problemas |
npm run tsc | Execute o compilador de texto datilografado |
npm run format | Formate a base de código usando mais bonita |
npm run prepare | Configure Husky para ganchos git |
npm run postinstall | Gerar automaticamente o cliente prisma |
| Pacote | Versão | Descrição |
|---|---|---|
@anthropic-ai/sdk | ^0,27.1 | SDK para integrar modelos antrópicos de IA |
@clerk/nextjs | ^5.3.7 | Integração do funcionário para Next.js |
@hookform/resolvers | ^3.9.0 | Resolvedor para react gancho formulário |
@pinecone-database/pinecone | ^3.0.2 | Pinecone Vector Database Client |
@prisma/client | 5.18.0 | Cliente prisma para acesso ao banco de dados |
@radix-ui/react-* | ^1.1.0+ | Radix UI Components para construir interface de usuário acessível |
@stripe/stripe-js | ^4.4.0 | Biblioteca Stripe.js para integração de front -end |
@tanstack/react-query | 4.36.1 | Reação de consulta para busca e cache de dados |
@trpc/client , @trpc/server | ^10.45.2 | TRPC para APIs do TypeAfe |
@tsparticles/engine | ^3.5.0 | Motor de partícula para animações |
class-variance-authority | ^0,7.0 | Utilitário CSS do Tailwind CSS para lidar com nomes de classes |
clsx | ^2.1.1 | Utilidade para nomes de classe condicional |
date-fns | ^3.6.0 | Utilitário de data javascript moderno |
framer-motion | ^11.3.31 | Biblioteca de Motion para React |
front-matter | ^4.0.2 | Analisador de matéria frontal yaml |
lucide-react | ^0,427.0 | Reaja componentes para ícones de lucro |
next | 14.2.5 | Estrutura next.js |
next-cloudinary | ^6.11.0 | Integração Cloudinária para Next.js |
next-themes | ^0.3.0 | Tema toggler para next.js |
react , react-dom | ^18.3.1 | React Library para Builing UI |
react-hook-form | ^7.53.0 | Biblioteca de formulário de desempenho para reagir |
react-loader-spinner | ^6.1.6 | Componente de reação para carregar giradores |
react-markdown | ^9.0.1 | Renderizador de Marydown para React |
react-top-loading-bar | ^2.3.1 | Componente de reação para a barra de carregamento superior |
remark-gfm | ^4.0.0 | OBSERVA |
sonner | ^1.5.0 | Componente de notificações para reagir |
stripe | ^16.9.0 | Biblioteca de listras node.js |
tailwind-merge | ^2.5.2 | Utilidade para mesclar aulas de CSS do Tailwind CSS |
tailwindcss-accent | ^2.1.2 | Plug -in CSS do Tailwind CSS para cores de destaque |
tailwindcss-animate | ^1.0.7 | Tailwind CSS Plugin para animações |
zod | ^3.23.8 | Biblioteca de validação de esquema |
| Pacote | Versão | Descrição |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | Eslint Plugin para Next.js |
@types/node | ^20.16.3 | Definições de tipo de datilografript para node.js |
@types/react | ^18.3.5 | Definições de tipo de datilografript para reagir |
@types/react-dom | ^18.3.0 | Definições de tipo de datilografript para react dom |
eslint | ^8 | Linter JavaScript em fusão |
eslint-config-next | 14.2.5 | Configuração de Eslint para Next.js |
eslint-plugin-react | ^7.35.0 | Eslint Plugin para reagir |
husky | ^8.0.3 | Ferramenta Git Hooks |
postcss | ^8.4.42 | Ferramenta de processamento CSS |
prettier | ^3.3.3 | Formatador de código |
prisma | ^5.18.0 | Prisma orm |
tailwindcss | ^3.4.10 | Estrutura CSS da Utility-primeiro |
typescript | ^5 | Idioma digital |
| Estrutura de pastas |
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
Clone o repositório :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexusInstale dependências :
npm installConfigurar variáveis de ambiente :
.env e configure -o com suas credenciais de banco de dados e chaves da API.Executar migrações de banco de dados :
npx prisma migrate devInicie o servidor de desenvolvimento :
npm run dev Ai Nexus usa o funcionário para autenticação e gerenciamento do usuário. Certifique -se de configurar corretamente suas chaves da API do funcionário no arquivo .env . A plataforma foi projetada com as melhores práticas de segurança em mente, incluindo controle de acesso baseado em funções (RBAC) para gerenciar diferentes permissões de usuário.
Congratulamo -nos com contribuições para o projeto AI Nexus! Se você quiser contribuir, siga estas etapas:
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).