nexusxai
1.0.0
Willkommen bei AI Nexus , einer redaktionellen Plattform, die erweiterte KI -Technologien nutzt, um die Erstellung, Bearbeitung und das Management von Inhalten zu revolutionieren. Dieses Projekt kombiniert die Leistung von Anthropics Claude, Sonnet SDK und anderen modernen Tools, um Reportern, Redakteuren und Administratoren eine nahtlose Erfahrung zu bieten.
| Technologie | Beschreibung |
|---|---|
| Weiter.js | React Framework zum Erstellen schneller Web -Apps |
| Typoskript | Typ-sicherer JavaScript für eine bessere Entwicklung |
| Rückenwind -CSS | Utility-First CSS-Framework |
| Prisma | Moderne Orm für PostgreSQL |
| TRPC | End-to-End-Typ-APIs |
| Anthropic SDK | KI -Modelle für erweiterte Inhalte umschreiben |
| Sachbearbeiter | Authentifizierung und Benutzerverwaltung |
| Streifen | Zahlungsabschluss- und Abonnementverwaltung |
| Skript | Beschreibung |
|---|---|
npm run dev | Starten Sie den Entwicklungsserver |
npm run build | Bauen Sie das Projekt zur Produktion auf |
npm run start | Starten Sie den Produktionsserver |
npm run lint | Führen Sie Eslint aus, um Probleme zu finden und zu beheben |
npm run tsc | Führen Sie Typenkript -Compiler aus |
npm run format | Formatieren Sie die Codebasis mit hübscher |
npm run prepare | Richten Sie Husky für Git -Haken ein |
npm run postinstall | Automatisch Prisma -Client generieren |
| Paket | Version | Beschreibung |
|---|---|---|
@anthropic-ai/sdk | ^0,27.1 | SDK zur Integration anthropischer KI -Modelle |
@clerk/nextjs | ^5.3.7 | Angestellte Integration für Next.js |
@hookform/resolvers | ^3.9.0 | Resolver für React Hook Formular |
@pinecone-database/pinecone | ^3.0.2 | Pnecone Vector Database Client |
@prisma/client | 5.18.0 | Prisma -Client für den Datenbankzugriff |
@radix-ui/react-* | ^1.1.0+ | Radix UI -Komponenten zum Aufbau einer zugänglichen Benutzeroberfläche |
@stripe/stripe-js | ^4.4.0 | Stripe.js Library für Frontend Integration |
@tanstack/react-query | 4.36.1 | Reagieren Sie die Abfrage für das Abholen und Zwischenspeichern von Daten |
@trpc/client , @trpc/server | ^10.45.2 | TRPC für Typsafe -APIs |
@tsparticles/engine | ^3.5.0 | Partikelmotor für Animationen |
class-variance-authority | ^0,7,0 | Rückenwind -CSS -Dienstprogramm zum Umgang mit Klassennamen |
clsx | ^2.1.1 | Dienstprogramm für bedingte Klassennamen |
date-fns | ^3.6.0 | Modernes JavaScript -Datumsdienstprogramm |
framer-motion | ^11.3.31 | Bewegungsbibliothek für React |
front-matter | ^4.0.2 | Yaml Front Materie Parser |
lucide-react | ^0,427.0 | Reagieren Sie Komponenten für Lucide -Symbole |
next | 14.2.5 | Next.js Framework |
next-cloudinary | ^6.11.0 | Wolkenintegration für Next.js |
next-themes | ^0.3.0 | Thema Toggler für Next.js |
react , react-dom | ^18.3.1 | Reagieren Sie die Bibliothek für den Bau der Benutzeroberfläche |
react-hook-form | ^7.53.0 | Performantenformbibliothek für React |
react-loader-spinner | ^6.1.6 | Reagieren Sie die Komponente zum Laden von Spinnern |
react-markdown | ^9.0.1 | Markdown -Renderer für React |
react-top-loading-bar | ^2.3.1 | Reagieren Sie die Komponente für die obere Ladestange |
remark-gfm | ^4.0.0 | Bemerkung Plugin für Github Aromed Markdown |
sonner | ^1.5.0 | Benachrichtigungskomponente für React |
stripe | ^16.9.0 | Stripe Node.js Bibliothek |
tailwind-merge | ^2.5.2 | Nützlichkeit für das Zusammenführen von Rückenwind -CSS -Klassen |
tailwindcss-accent | ^2.1.2 | Rückenwind -CSS -Plugin für Akzentfarben |
tailwindcss-animate | ^1.0.7 | Rückenwind -CSS -Plugin für Animationen |
zod | ^3.23.8 | Typscript-First-Schema-Validierungsbibliothek |
| Paket | Version | Beschreibung |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | Eslint -Plugin für Next.js |
@types/node | ^20.16.3 | TypeScript -Typdefinitionen für node.js |
@types/react | ^18.3.5 | Definitionen TypeScript -Typ für React |
@types/react-dom | ^18.3.0 | Definitionen TypeScript -Typ für React DOM |
eslint | ^8 | Steckbare JavaScript -Linter |
eslint-config-next | 14.2.5 | Eslint -Konfiguration für Next.js |
eslint-plugin-react | ^7.35.0 | Eslint -Plugin für React |
husky | ^8.0.3 | Git Hooks Tool |
postcss | ^8.4.42 | CSS -Verarbeitungstool |
prettier | ^3.3.3 | Codeformatierer |
prisma | ^5.18.0 | Prisma orm |
tailwindcss | ^3.4.10 | Utility-First CSS-Framework |
typescript | ^5 | TypeScript -Sprache |
| Ordnerstruktur |
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
Klonen Sie das Repository :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexusAbhängigkeiten installieren :
npm installUmgebungsvariablen einrichten :
.env -Datei und konfigurieren Sie sie mit Ihren Datenbank -Anmeldeinformationen und API -Schlüssel.Datenbankmigrationen ausführen :
npx prisma migrate devStarten Sie den Entwicklungsserver :
npm run dev AI Nexus verwendet Clerk für die Benutzerauthentifizierung und -verwaltung. Stellen Sie sicher, dass Sie Ihre Clerk -API -Schlüssel ordnungsgemäß in der Datei .env einrichten. Die Plattform ist für Best Practices für Sicherheitsvorkehrungen ausgelegt, einschließlich der rollenbasierten Zugriffskontrolle (RBAC) für die Verwaltung verschiedener Benutzerberechtigungen.
Wir begrüßen Beiträge zum AI Nexus -Projekt! Wenn Sie einen Beitrag leisten möchten, befolgen Sie bitte die folgenden Schritte:
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).
