nexusxai

AI Nexus

Selamat datang di AI Nexus , platform editorial yang memanfaatkan teknologi AI canggih untuk merevolusi pembuatan, pengeditan, dan manajemen konten. Proyek ini menggabungkan kekuatan Claude Anthropic, Sonnet SDK, dan alat modern lainnya untuk memberikan pengalaman yang mulus bagi wartawan, editor, dan administrator.

Fitur utama

• Pembuatan Konten yang Digerakkan AI : Secara otomatis menulis ulang dan mengoptimalkan artikel menggunakan AI mutakhir.
• Dasbor berbasis peran : Antarmuka yang disesuaikan untuk wartawan, editor, dan admin, masing-masing dengan fungsionalitas spesifik.
• Analisis waktu nyata : Dapatkan wawasan tentang kinerja konten, aktivitas pengguna, dan banyak lagi.
• Manajemen Pengguna Komprehensif : Kelola wartawan, editor, dan pengguna dengan alat canggih.
• Aman dan scalable : Dibangun dengan otentikasi yang kuat, otorisasi, dan manajemen basis data.

Tumpukan teknologi

Teknologi	Keterangan
Next.js	Bereaksi kerangka kerja untuk membangun aplikasi web cepat
Naskah	JavaScript jenis-aman untuk pengembangan yang lebih baik
Tailwind CSS	Kerangka kerja CSS utilitas-pertama
Prisma	ORM modern untuk postgresql
Trpc	API Jenis Safe End-to-End
SDK Antropik	Model AI untuk penulisan ulang konten lanjutan
Staf	Otentikasi dan manajemen pengguna
Garis	Pemrosesan Pembayaran dan Manajemen Berlangganan

? Skrip proyek

Naskah	Keterangan
npm run dev	Mulai server pengembangan
npm run build	Bangun Proyek untuk Produksi
npm run start	Mulai server produksi
npm run lint	Jalankan Eslint untuk menemukan dan memperbaiki masalah
npm run tsc	Jalankan kompiler naskah
npm run format	Format basis kode menggunakan lebih cantik
npm run prepare	Siapkan Husky untuk kait git
npm run postinstall	Secara otomatis menghasilkan klien prisma

? Dependensi

Dependensi produksi

Kemasan	Versi	Keterangan
@anthropic-ai/sdk	^0.27.1	SDK untuk mengintegrasikan model AI antropik
@clerk/nextjs	^5.3.7	Integrasi Panitera untuk Next.js
@hookform/resolvers	^3.9.0	Resolver untuk bentuk react hook
@pinecone-database/pinecone	^3.0.2	Pinecone Vector Database Client
@prisma/client	5.18.0	Klien prisma untuk akses basis data
@radix-ui/react-*	^1.1.0+	Komponen Radix UI untuk Membangun UI yang Dapat Diakses
@stripe/stripe-js	^4.4.0	Perpustakaan stripe.js untuk integrasi frontend
@tanstack/react-query	4.36.1	Bereaksi kueri untuk pengambilan data dan caching
@trpc/client , @trpc/server	^10.45.2	TRPC untuk API TypeSafe
@tsparticles/engine	^3.5.0	Mesin partikel untuk animasi
class-variance-authority	^0.7.0	Utilitas Tailwind CSS untuk menangani nama kelas
clsx	^2.1.1	Utilitas untuk nama kelas bersyarat
date-fns	^3.6.0	Utilitas Tanggal JavaScript Modern
framer-motion	^11.3.31	Perpustakaan Gerak untuk Bereaksi
front-matter	^4.0.2	Parser materi depan YAML
lucide-react	^0.427.0	Komponen Bereaksi untuk Ikon Lucide
next	14.2.5	Kerangka kerja selanjutnya
next-cloudinary	^6.11.0	Integrasi Cloudinary untuk Next.js
next-themes	^0.3.0	THEGGLER TEMA UNTUK NEXT.JS
react , react-dom	^18.3.1	Bereaksi Perpustakaan untuk Membangun UI
react-hook-form	^7.53.0	Perpustakaan bentuk performant untuk bereaksi
react-loader-spinner	^6.1.6	Bereaksi komponen untuk memuat pemintal
react-markdown	^9.0.1	Penjuru Markdown untuk Bereaksi
react-top-loading-bar	^2.3.1	Komponen bereaksi untuk bilah pemuatan atas
remark-gfm	^4.0.0	Plugin Komentar untuk Markdown rasa GitHub
sonner	^1.5.0	Komponen pemberitahuan untuk bereaksi
stripe	^16.9.0	Perpustakaan Stripe Node.js
tailwind-merge	^2.5.2	Utilitas untuk menggabungkan kelas CSS Tailwind
tailwindcss-accent	^2.1.2	Plugin Tailwind CSS untuk warna aksen
tailwindcss-animate	^1.0.7	Plugin Tailwind CSS untuk Animasi
zod	^3.23.8	Perpustakaan Validasi Skema TypeScript

Ketergantungan pembangunan

Kemasan	Versi	Keterangan
@next/eslint-plugin-next	^14.2.7	Plugin Eslint untuk Next.js
@types/node	^20.16.3	Definisi Jenis TypeScript untuk node.js
@types/react	^18.3.5	Definisi Jenis TypeScript untuk Bereaksi
@types/react-dom	^18.3.0	Definisi Jenis TypeScript untuk React Dom
eslint	^8	LINTER JAVASCRIPT PLUGGABLE
eslint-config-next	14.2.5	Konfigurasi Eslint untuk Next.js
eslint-plugin-react	^7.35.0	Plugin eslint untuk bereaksi
husky	^8.0.3	Alat Git Hooks
postcss	^8.4.42	Alat Pemrosesan CSS
prettier	^3.3.3	Formatter Kode
prisma	^5.18.0	Prisma Orm
tailwindcss	^3.4.10	Kerangka kerja CSS utilitas-pertama
typescript	^5	Bahasa TypeScript
Struktur folder

---

 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

? Pengaturan & Instalasi

1. Klon Repositori :

   git clone https://github.com/yourusername/ai-nexus.git
   cd ai-nexus

2. Instal dependensi :

   npm install

3. Mengatur variabel lingkungan :

   • Buat file .env dan konfigurasikan dengan kredensial database Anda dan kunci API.

4. Jalankan migrasi basis data :

   npx prisma migrate dev

5. Mulai server pengembangan :

   npm run dev

? ️ Keamanan & Otentikasi

AI Nexus menggunakan pegawai untuk otentikasi dan manajemen pengguna. Pastikan Anda telah mengatur tombol API Panitera Anda dengan benar di file .env . Platform ini dirancang dengan mempertimbangkan praktik terbaik, termasuk Kontrol Akses Berbasis Peran (RBAC) untuk mengelola berbagai izin pengguna.

? Berkontribusi

Kami menyambut kontribusi untuk proyek AI Nexus! Jika Anda ingin berkontribusi, ikuti langkah -langkah ini:

1. Garpu repositori.
2. Buat Cabang Baru ( git checkout -b feature-branch ).
3. Membuat perubahan Anda.
4. Komit perubahan Anda ( git commit -m 'Add new feature' ).
5. Dorong ke cabang ( git push origin feature-branch ).