Bienvenido a AI Nexus , una plataforma editorial que aprovecha las tecnologías de IA avanzadas para revolucionar la creación de contenido, la edición y la gestión. Este proyecto combina el poder de Claude, SDK de soneto de Anthrope y otras herramientas modernas para proporcionar una experiencia perfecta para los reporteros, editores y administradores.
| Tecnología | Descripción |
|---|---|
| Next.js | React Framework para construir aplicaciones web rápidas |
| Mecanografiado | JavaScript de tipo seguro para un mejor desarrollo |
| CSS de viento de cola | Marco CSS de utilidad primero |
| Prisma | ORM moderno para PostgreSQL |
| TRPC | API tipos de extremo a extremo |
| SDK antrópico | Modelos AI para reescritura de contenido avanzado |
| Oficinista | Autenticación y gestión de usuarios |
| Raya | Procesamiento de pagos y gestión de suscripción |
| Guion | Descripción |
|---|---|
npm run dev | Iniciar el servidor de desarrollo |
npm run build | Construir el proyecto para la producción |
npm run start | Iniciar el servidor de producción |
npm run lint | Ejecute Eslint para encontrar y solucionar problemas |
npm run tsc | Ejecutar compilador de mecanografiado |
npm run format | Formatear la base de código usando Prettier |
npm run prepare | Establecer Husky para Git Hooks |
npm run postinstall | Generar automáticamente el cliente prisma |
| Paquete | Versión | Descripción |
|---|---|---|
@anthropic-ai/sdk | ^0.27.1 | SDK para integrar modelos AI antrópicos |
@clerk/nextjs | ^5.3.7 | Integración del empleado para Next.js |
@hookform/resolvers | ^3.9.0 | Resolvente para la forma de gancho React |
@pinecone-database/pinecone | ^3.0.2 | Cliente de base de datos vectorial de Pinecone |
@prisma/client | 5.18.0 | Cliente PRISMA para acceso a la base de datos |
@radix-ui/react-* | ^1.1.0+ | Componentes de la interfaz de usuario de Radix para la interfaz de usuario accesible para edificios |
@stripe/stripe-js | ^4.4.0 | Stripe.js biblioteca para la integración frontend |
@tanstack/react-query | 4.36.1 | Reaccionar la consulta para obtener datos y almacenar en caché |
@trpc/client , @trpc/server | ^10.45.2 | TRPC para API de TypeAfe |
@tsparticles/engine | ^3.5.0 | Motor de partículas para animaciones |
class-variance-authority | ^0.7.0 | Tailwind CSS Utity para manejar los nombres de clases |
clsx | ^2.1.1 | Utilidad para nombres de clases condicionales |
date-fns | ^3.6.0 | Utilidad de fecha de JavaScript moderna |
framer-motion | ^11.3.31 | Biblioteca de movimiento para React |
front-matter | ^4.0.2 | Analizador de materia frontal Yaml |
lucide-react | ^0.427.0 | Reaccionar componentes para íconos de lucide |
next | 14.2.5 | Next.js marco |
next-cloudinary | ^6.11.0 | Integración en la nube para Next.js |
next-themes | ^0.3.0 | Tema Toggler para Next.js |
react , react-dom | ^18.3.1 | Biblioteca reaccionar para construir ui |
react-hook-form | ^7.53.0 | Biblioteca de formularios de rendimiento para reaccionar |
react-loader-spinner | ^6.1.6 | React Componente para cargar hilanderos |
react-markdown | ^9.0.1 | Renderizador de Markdown para React |
react-top-loading-bar | ^2.3.1 | Componente React para la barra de carga superior |
remark-gfm | ^4.0.0 | Complemento de observación para Markdown con sabor a Github |
sonner | ^1.5.0 | Componente de notificaciones para React |
stripe | ^16.9.0 | Biblioteca de node.js de stripe |
tailwind-merge | ^2.5.2 | Utilidad para fusionar clases CSS de viento de cola |
tailwindcss-accent | ^2.1.2 | Complemento CSS de viento de cola para colores de acento |
tailwindcss-animate | ^1.0.7 | Complemento CSS de tazón para animaciones |
zod | ^3.23.8 | Biblioteca de validación de esquema de primera instancia |
| Paquete | Versión | Descripción |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | Complemento de eslint para next.js |
@types/node | ^20.16.3 | Definiciones de tipo TypeScript para Node.js |
@types/react | ^18.3.5 | Definiciones de tipo mecanografiado para React |
@types/react-dom | ^18.3.0 | Definiciones de tipo mecanografiado para React DOM |
eslint | ^8 | Linter JavaScript conectable |
eslint-config-next | 14.2.5 | Configuración de Eslint para next.js |
eslint-plugin-react | ^7.35.0 | Complemento de eslint para react |
husky | ^8.0.3 | Herramienta Git Hooks |
postcss | ^8.4.42 | Herramienta de procesamiento de CSS |
prettier | ^3.3.3 | Formatero de código |
prisma | ^5.18.0 | Prisma orm |
tailwindcss | ^3.4.10 | Marco CSS de utilidad primero |
typescript | ^5 | Lenguaje mecanografiado |
| Estructura de carpetas |
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
Clon el repositorio :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexusInstalar dependencias :
npm installConfigurar variables de entorno :
.env y configúrelo con las credenciales de su base de datos y las claves API.Ejecutar migraciones de bases de datos :
npx prisma migrate devInicie el servidor de desarrollo :
npm run dev Ai Nexus usa empleado para la autenticación y administración del usuario. Asegúrese de haber configurado correctamente las teclas API de su secretaria en el archivo .env . La plataforma está diseñada con las mejores prácticas de seguridad en mente, incluido el control de acceso basado en roles (RBAC) para administrar diferentes permisos de los usuarios.
¡Agradecemos contribuciones al proyecto AI Nexus! Si desea contribuir, siga estos pasos:
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).