nexusxai
1.0.0
Bienvenue dans AI Nexus , une plate-forme éditoriale qui tire parti des technologies AI avancées pour révolutionner la création, l'édition et la gestion de contenu. Ce projet combine la puissance du Claude d'Anthropic, du SDK Sonnet et d'autres outils modernes pour offrir une expérience transparente aux journalistes, aux éditeurs et aux administrateurs.
| Technologie | Description |
|---|---|
| Next.js | React Framework pour créer des applications Web rapides |
| Manuscrit | JavaScript de type type pour un meilleur développement |
| CSS du vent arrière | Framework CSS-First Utility |
| Prisma | ORM moderne pour Postgresql |
| Trpc | API TypeSafe de bout en bout |
| SDK anthropique | Modèles d'IA pour la réécriture de contenu avancé |
| Greffier | Authentification et gestion des utilisateurs |
| Bande | Traitement des paiements et gestion de l'abonnement |
| Scénario | Description |
|---|---|
npm run dev | Démarrer le serveur de développement |
npm run build | Construisez le projet de production |
npm run start | Démarrer le serveur de production |
npm run lint | Exécutez Eslint pour trouver et résoudre les problèmes |
npm run tsc | Exécuter le compilateur TypeScript |
npm run format | Formater la base de code en utilisant plus joli |
npm run prepare | Installez Husky pour les crochets Git |
npm run postinstall | Générez automatiquement le client Prisma |
| Emballer | Version | Description |
|---|---|---|
@anthropic-ai/sdk | ^ 0.27.1 | SDK pour intégrer les modèles AI anthropiques |
@clerk/nextjs | ^ 5.3.7 | Intégration du commis pour next.js |
@hookform/resolvers | ^ 3.9.0 | Resolver pour React Hook Form |
@pinecone-database/pinecone | ^ 3.0.2 | Client de la base de données vectorielle de Pinecone |
@prisma/client | 5.18.0 | Client Prisma pour l'accès à la base de données |
@radix-ui/react-* | ^ 1.1.0 + | Composants de l'interface utilisateur Radix pour la construction de l'interface utilisateur accessible |
@stripe/stripe-js | ^ 4.4.0 | Bibliothèque Stripe.js pour l'intégration frontale |
@tanstack/react-query | 4.36.1 | React Query pour les données récupérant et mise en cache |
@trpc/client , @trpc/server | ^ 10.45.2 | TRPC pour les API de typesafe |
@tsparticles/engine | ^ 3.5.0 | Moteur de particules pour les animations |
class-variance-authority | ^ 0.7.0 | Utilitaire CSS de Tailwind pour gérer les noms de classe |
clsx | ^ 2.1.1 | Utilité pour les noms de classe conditionnels |
date-fns | ^ 3.6.0 | Utilitaire de date JavaScript moderne |
framer-motion | ^ 11.3.31 | Bibliothèque de mouvement pour réagir |
front-matter | ^ 4.0.2 | Analyser de la matière avant Yaml |
lucide-react | ^ 0.427.0 | React Composants pour les icônes Lucide |
next | 14.2.5 | Framework suivant.js |
next-cloudinary | ^ 6.11.0 | Intégration cloudinary pour next.js |
next-themes | ^ 0.3.0 | Togue à thème pour next.js |
react , react-dom | ^ 18.3.1 | React Library for Building UI |
react-hook-form | ^ 7.53.0 | Bibliothèque de formulaires de performant pour réagir |
react-loader-spinner | ^ 6.1.6 | React composant pour charger des filateurs |
react-markdown | ^ 9.0.1 | Markdown Renderer pour React |
react-top-loading-bar | ^ 2.3.1 | React Composant pour la barre de chargement supérieure |
remark-gfm | ^ 4.0.0 | Plugin Remarque pour GitHub Aromatisé Markdown |
sonner | ^ 1.5.0 | Composant de notifications pour React |
stripe | ^ 16.9.0 | Bibliothèque Stripe Node.js |
tailwind-merge | ^ 2.5.2 | Utilité pour fusionner les cours CSS de vent arrière |
tailwindcss-accent | ^ 2.1.2 | Plugin CSS à vent arrière pour les couleurs d'accent |
tailwindcss-animate | ^ 1.0.7 | Plugin CSS à vent arrière pour les animations |
zod | ^ 3.23.8 | Bibliothèque de validation de schéma de type dactylographié |
| Emballer | Version | Description |
|---|---|---|
@next/eslint-plugin-next | ^ 14.2.7 | Plugin Eslint pour next.js |
@types/node | ^ 20.16.3 | Définitions de types de dactylographie pour node.js |
@types/react | ^ 18.3.5 | Définitions de type de typeScript pour réagir |
@types/react-dom | ^ 18.3.0 | Définitions de types de typeScript pour React Dom |
eslint | ^ 8 | Linter JavaScript enfichable |
eslint-config-next | 14.2.5 | Configuration Eslint pour next.js |
eslint-plugin-react | ^ 7.35.0 | Plugin Eslint pour réagir |
husky | ^ 8.0.3 | Outil Git Hooks |
postcss | ^ 8.4.42 | Outil de traitement CSS |
prettier | ^ 3.3.3 | Format de code |
prisma | ^ 5.18.0 | Prisma orm |
tailwindcss | ^ 3.4.10 | Framework CSS-First Utility |
typescript | ^ 5 | Langue dactylographiée |
| Structure de dossier |
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 le référentiel :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexusInstallez les dépendances :
npm installConfigurer des variables d'environnement :
.env et configurez-le avec vos informations d'identification de base de données et les clés API.Exécutez les migrations de la base de données :
npx prisma migrate devDémarrer le serveur de développement :
npm run dev AI Nexus utilise le greffier pour l'authentification et la gestion des utilisateurs. Assurez-vous que vous avez correctement configuré vos clés API de commis dans le fichier .env . La plate-forme est conçue en tenant compte des meilleures pratiques de sécurité, y compris le contrôle d'accès basé sur les rôles (RBAC) pour gérer différentes autorisations utilisateur.
Nous saluons les contributions au projet AI Nexus! Si vous souhaitez contribuer, veuillez suivre ces étapes:
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).
