nexusxai
1.0.0
고급 AI 기술을 활용하여 컨텐츠 제작, 편집 및 관리에 혁명을 일으키는 편집 플랫폼 인 AI Nexus 에 오신 것을 환영합니다. 이 프로젝트는 Anthropic의 Claude, Sonnet SDK 및 기타 최신 도구의 힘을 결합하여 기자, 편집자 및 관리자에게 완벽한 경험을 제공합니다.
| 기술 | 설명 |
|---|---|
| 다음 .js | 빠른 웹 앱을 구축하기위한 프레임 워크를 반응합니다 |
| TypeScript | 더 나은 개발을위한 유형 안전 자바 스크립트 |
| 테일 윈드 CSS | 유틸리티 우선 CSS 프레임 워크 |
| 프리즘 | Postgresql의 현대 ORM |
| trpc | 엔드 투 엔드 타입 안전 API |
| 인류 SDK | 고급 컨텐츠 재 작성을위한 AI 모델 |
| 사무원 | 인증 및 사용자 관리 |
| 줄무늬 | 결제 처리 및 가입 관리 |
| 스크립트 | 설명 |
|---|---|
npm run dev | 개발 서버를 시작하십시오 |
npm run build | 생산 프로젝트를 구축하십시오 |
npm run start | 프로덕션 서버를 시작하십시오 |
npm run lint | eslint를 실행하여 문제를 찾고 문제를 해결하십시오 |
npm run tsc | TypeScript 컴파일러를 실행합니다 |
npm run format | 더 예쁘게 사용하여 코드베이스를 형식화하십시오 |
npm run prepare | git 후크 용 Husky를 설정하십시오 |
npm run postinstall | Prisma 클라이언트를 자동으로 생성합니다 |
| 패키지 | 버전 | 설명 |
|---|---|---|
@anthropic-ai/sdk | ^0.27.1 | 인류 AI 모델을 통합하기위한 SDK |
@clerk/nextjs | ^5.3.7 | 다음 Next.js의 서기 통합 |
@hookform/resolvers | ^3.9.0 | React 후크 형태를위한 Resolver |
@pinecone-database/pinecone | ^3.0.2 | PENECONE 벡터 데이터베이스 클라이언트 |
@prisma/client | 5.18.0 | 데이터베이스 액세스를위한 Prisma 클라이언트 |
@radix-ui/react-* | ^1.1.0+ | 액세스 가능한 UI를 구축하기위한 Radix UI 구성 요소 |
@stripe/stripe-js | ^4.4.0 | 프론트 엔드 통합을위한 Stripe.js 라이브러리 |
@tanstack/react-query | 4.36.1 | 데이터 가져 오기 및 캐싱에 대한 쿼리에 반응합니다 |
@trpc/client , @trpc/server | ^10.45.2 | TypeSAFE API 용 TRPC |
@tsparticles/engine | ^3.5.0 | 애니메이션 용 입자 엔진 |
class-variance-authority | ^0.7.0 | 클래스 이름을 처리하기위한 Tailwind CSS 유틸리티 |
clsx | ^2.1.1 | 조건부 클래스 이름에 대한 유틸리티 |
date-fns | ^3.6.0 | 현대 자바 스크립트 날짜 유틸리티 |
framer-motion | ^11.3.31 | React를위한 모션 라이브러리 |
front-matter | ^4.0.2 | Yaml Front Matter Parser |
lucide-react | ^0.427.0 | Lucide 아이콘의 구성 요소를 반응합니다 |
next | 14.2.5 | 다음 .js 프레임 워크 |
next-cloudinary | ^6.11.0 | Next.js의 Cloudinary Integration |
next-themes | ^0.3.0 | Theme Toggler for Next.js |
react , react-dom | ^18.3.1 | UI 구축을위한 반응 라이브러리 |
react-hook-form | ^7.53.0 | 반응을위한 성능 양식 라이브러리 |
react-loader-spinner | ^6.1.6 | 스피너 로딩을위한 부품 반응 |
react-markdown | ^9.0.1 | React 용 Markdown 렌더러 |
react-top-loading-bar | ^2.3.1 | 상단 로딩 바에 대한 구성 요소를 반응합니다 |
remark-gfm | ^4.0.0 | GitHub 향이 마크 다운을위한 비고 플러그인 |
sonner | ^1.5.0 | 반응에 대한 알림 구성 요소 |
stripe | ^16.9.0 | Stripe node.js 라이브러리 |
tailwind-merge | ^2.5.2 | Tailwind CSS 클래스 병합 유틸리티 |
tailwindcss-accent | ^2.1.2 | 악센트 색상을위한 Tailwind CSS 플러그인 |
tailwindcss-animate | ^1.0.7 | 애니메이션을위한 Tailwind CSS 플러그인 |
zod | ^3.23.8 | TypeScript 우선 스키마 검증 라이브러리 |
| 패키지 | 버전 | 설명 |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | eSlint 플러그인 Next.js |
@types/node | ^20.16.3 | node.js에 대한 TypeScript 유형 정의 |
@types/react | ^18.3.5 | React에 대한 TypeScript 유형 정의 |
@types/react-dom | ^18.3.0 | React dom에 대한 타입 유형 정의 |
eslint | ^8 | 플러그 가능한 JavaScript Linter |
eslint-config-next | 14.2.5 | 다음 .js에 대한 Eslint 구성 |
eslint-plugin-react | ^7.35.0 | React 용 Eslint 플러그인 |
husky | ^8.0.3 | git 고리 도구 |
postcss | ^8.4.42 | CSS 처리 도구 |
prettier | ^3.3.3 | Code Formatter |
prisma | ^5.18.0 | 프리즘 오르 메 |
tailwindcss | ^3.4.10 | 유틸리티 우선 CSS 프레임 워크 |
typescript | ^5 | 타이프 스크립트 언어 |
| 폴더 구조 |
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
저장소 복제 :
git clone https://github.com/yourusername/ai-nexus.git
cd ai-nexus종속성 설치 :
npm install환경 변수 설정 :
.env 파일을 만들고 데이터베이스 자격 증명 및 API 키로 구성하십시오.데이터베이스 마이그레이션 실행 :
npx prisma migrate dev개발 서버 시작 :
npm run dev AI Nexus는 사용자 인증 및 관리를 위해 서기를 사용합니다. .env 파일에서 서기 API 키를 올바르게 설정했는지 확인하십시오. 이 플랫폼은 다양한 사용자 권한을 관리하기위한 역할 기반 액세스 컨트롤 (RBAC)을 포함하여 보안 모범 사례를 염두에두고 설계되었습니다.
우리는 AI Nexus 프로젝트에 대한 기여를 환영합니다! 기여하려면 다음을 따르십시오.
git checkout -b feature-branch ).git commit -m 'Add new feature' ).git push origin feature-branch ).
