หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ai nexus

ยินดีต้อนรับสู่ AI Nexus ซึ่งเป็นแพลตฟอร์มบรรณาธิการที่ใช้ประโยชน์จากเทคโนโลยี AI ขั้นสูงเพื่อปฏิวัติการสร้างเนื้อหาการแก้ไขและการจัดการ โครงการนี้รวมพลังของ Claude, Sonnet SDK และเครื่องมือที่ทันสมัยอื่น ๆ เพื่อมอบประสบการณ์ที่ราบรื่นสำหรับนักข่าวบรรณาธิการและผู้ดูแลระบบ

คุณสมบัติที่สำคัญ

  • การสร้างเนื้อหาที่ขับเคลื่อนด้วย AI : เขียนใหม่และเพิ่มประสิทธิภาพบทความโดยอัตโนมัติโดยใช้ AI ที่ทันสมัย
  • แดชบอร์ดตามบทบาท : อินเทอร์เฟซที่ปรับแต่งสำหรับนักข่าวบรรณาธิการและผู้ดูแลระบบแต่ละคนมีฟังก์ชั่นเฉพาะ
  • การวิเคราะห์แบบเรียลไทม์ : รับข้อมูลเชิงลึกเกี่ยวกับประสิทธิภาพของเนื้อหากิจกรรมของผู้ใช้และอื่น ๆ
  • การจัดการผู้ใช้ที่ครอบคลุม : จัดการนักข่าวบรรณาธิการและผู้ใช้ด้วยเครื่องมือขั้นสูง
  • ปลอดภัยและปรับขนาดได้ : สร้างขึ้นด้วยการรับรองความถูกต้องการอนุญาตและการจัดการฐานข้อมูลที่แข็งแกร่ง

ซ้อนเทค

เทคโนโลยี คำอธิบาย
next.js Framework React Framework สำหรับการสร้างแอพพลิเคชั่นเว็บที่รวดเร็ว
ตัวพิมพ์ใหญ่ JavaScript ประเภทที่ปลอดภัยเพื่อการพัฒนาที่ดีขึ้น
tailwind css Utility First Framework Framework
ปริซึม ORM ที่ทันสมัยสำหรับ postgreSQL
TRPC API แบบ end-to-typeafe apis
มานุษยวิทยา SDK โมเดล AI สำหรับการเขียนเนื้อหาขั้นสูงใหม่
พนักงาน การรับรองความถูกต้องและการจัดการผู้ใช้
แถบ การประมวลผลการชำระเงินและการจัดการการสมัครสมาชิก

- สคริปต์โครงการ

สคริปต์ คำอธิบาย
npm run dev เริ่มต้นเซิร์ฟเวอร์การพัฒนา
npm run build สร้างโครงการสำหรับการผลิต
npm run start เริ่มต้นเซิร์ฟเวอร์การผลิต
npm run lint เรียกใช้ ESLINT เพื่อค้นหาและแก้ไขปัญหา
npm run tsc เรียกใช้คอมไพเลอร์ Typescript
npm run format จัดรูปแบบ codebase โดยใช้ prettier
npm run prepare ตั้งค่า husky สำหรับ git hooks
npm run postinstall สร้างไคลเอนต์ Prisma โดยอัตโนมัติ

- การพึ่งพาอาศัยกัน

การพึ่งพาการผลิต

บรรจุุภัณฑ์ รุ่น คำอธิบาย
@anthropic-ai/sdk ^0.27.1 SDK สำหรับการรวมโมเดล AI มานุษยวิทยา
@clerk/nextjs ^5.3.7 การรวมเสมียนสำหรับ next.js
@hookform/resolvers ^3.9.0 ตัวแก้ไขสำหรับแบบฟอร์มเรียลเบ็ด
@pinecone-database/pinecone ^3.0.2 ไคลเอนต์ฐานข้อมูลเวกเตอร์ Pinecone
@prisma/client 5.18.0 ไคลเอนต์ PRISMA สำหรับการเข้าถึงฐานข้อมูล
@radix-ui/react-* ^1.1.0+ ส่วนประกอบ Radix UI สำหรับการสร้าง UI ที่เข้าถึงได้
@stripe/stripe-js ^4.4.0 stripe.js ไลบรารีสำหรับการรวมส่วนหน้า
@tanstack/react-query 4.36.1 ตอบคำถามสำหรับการดึงข้อมูลและการแคช
@trpc/client , @trpc/server ^10.45.2 TRPC สำหรับประเภท APIs
@tsparticles/engine ^3.5.0 เครื่องยนต์อนุภาคสำหรับภาพเคลื่อนไหว
class-variance-authority ^0.7.0 Tailwind CSS Utility สำหรับการจัดการชื่อคลาส
clsx ^2.1.1 ยูทิลิตี้สำหรับชื่อคลาสแบบมีเงื่อนไข
date-fns ^3.6.0 ยูทิลิตี้วันที่ JavaScript ที่ทันสมัย
framer-motion ^11.3.31 ไลบรารีการเคลื่อนไหวสำหรับ React
front-matter ^4.0.2 ตัวแยกวิเคราะห์ Yaml Front Matter
lucide-react ^0.427.0 ส่วนประกอบตอบสนองสำหรับไอคอนลูไซด์
next 14.2.5 Next.js Framework
next-cloudinary ^6.11.0 การบูรณาการคลาวด์สำหรับ next.js
next-themes ^0.3.0 ธีม Toggler สำหรับ next.js
react react-dom ^18.3.1 ห้องสมุดตอบสนองสำหรับการสร้าง UI
react-hook-form ^7.53.0 ไลบรารีฟอร์ม performant สำหรับ React
react-loader-spinner ^6.1.6 ส่วนประกอบตอบสนองสำหรับการโหลดสปินเนอร์
react-markdown ^9.0.1 Markdown Renderer สำหรับ React
react-top-loading-bar ^2.3.1 ส่วนประกอบตอบสนองสำหรับแถบการโหลดด้านบน
remark-gfm ^4.0.0 ปลั๊กอินหมายเหตุสำหรับ markdown ปรุงรส github
sonner ^1.5.0 องค์ประกอบการแจ้งเตือนสำหรับการตอบสนอง
stripe ^16.9.0 Stripe Node.js Library
tailwind-merge ^2.5.2 ยูทิลิตี้สำหรับการรวมคลาส CSS tailwind
tailwindcss-accent ^2.1.2 ปลั๊กอิน CSS Tailwind สำหรับสีสำเนียง
tailwindcss-animate ^1.0.7 ปลั๊กอิน CSS Tailwind สำหรับภาพเคลื่อนไหว
zod ^3.23.8 ไลบรารีการตรวจสอบสคีมา TypeScript First

การพัฒนาการพัฒนา

บรรจุุภัณฑ์ รุ่น คำอธิบาย
@next/eslint-plugin-next ^14.2.7 ปลั๊กอิน eslint สำหรับ next.js
@types/node ^20.16.3 คำจำกัดความประเภท typescript สำหรับ node.js
@types/react ^18.3.5 คำจำกัดความประเภท typescript สำหรับ React
@types/react-dom ^18.3.0 คำจำกัดความประเภท typeScript สำหรับ React DOM
eslint ^8 JavaScript Linter
eslint-config-next 14.2.5 การกำหนดค่า eslint สำหรับ next.js
eslint-plugin-react ^7.35.0 ปลั๊กอิน ESLINT สำหรับ React
husky ^8.0.3 เครื่องมือ Git Hooks
postcss ^8.4.42 เครื่องมือประมวลผล CSS
prettier ^3.3.3 รูปแบบรหัส
prisma ^5.18.0 Prisma orm
tailwindcss ^3.4.10 Utility First Framework Framework
typescript ^5 ภาษา Typescript
โครงสร้างโฟลเดอร์ 
 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

- การตั้งค่าและการติดตั้ง

  1. โคลนที่เก็บ : 

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

  2. ติดตั้งการพึ่งพา : 

    npm install

  3. ตั้งค่าตัวแปรสภาพแวดล้อม :

    • สร้างไฟล์ .env และกำหนดค่าด้วยข้อมูลรับรองฐานข้อมูลและปุ่ม API ของคุณ

  4. เรียกใช้การย้ายฐานข้อมูล : 

    npx prisma migrate dev

  5. เริ่มต้นเซิร์ฟเวอร์การพัฒนา : 

    npm run dev

? ️ความปลอดภัยและการตรวจสอบความถูกต้อง

AI Nexus ใช้ เสมียน สำหรับการตรวจสอบและการจัดการผู้ใช้ ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าคีย์ API เสมียนของคุณอย่างถูกต้องในไฟล์. .env แพลตฟอร์มได้รับการออกแบบโดยคำนึงถึงแนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัยรวมถึงการควบคุมการเข้าถึงตามบทบาท (RBAC) สำหรับการจัดการสิทธิ์ของผู้ใช้ที่แตกต่างกัน

- การบริจาค

เรายินดีต้อนรับการมีส่วนร่วมในโครงการ AI Nexus! หากคุณต้องการมีส่วนร่วมโปรดทำตามขั้นตอนเหล่านี้:

  1. แยกที่เก็บ
  2. สร้างสาขาใหม่ ( git checkout -b feature-branch )
  3. ทำการเปลี่ยนแปลงของคุณ
  4. กระทำการเปลี่ยนแปลงของคุณ ( git commit -m 'Add new feature' )
  5. กดไปที่สาขา ( git push origin feature-branch )
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด