nexusxai
1.0.0
AI Nexusへようこそ。これは、高度なAIテクノロジーを活用してコンテンツの作成、編集、および管理に革命をもたらす編集プラットフォームです。このプロジェクトは、人類のクロード、Sonnet SDK、およびその他の最新のツールの力を組み合わせて、記者、編集者、管理者にシームレスな体験を提供します。
| テクノロジー | 説明 |
|---|---|
| next.js | 高速Webアプリを構築するためのReactフレームワーク |
| タイプスクリプト | より良い開発のためのタイプセーフJavaScript |
| Tailwind CSS | ユーティリティファーストCSSフレームワーク |
| プリスマ | PostgreSqlの最新のORM |
| TRPC | エンドツーエンドのタイプフェーAPI |
| 人類のSDK | 高度なコンテンツの書き換えのAIモデル |
| 店員 | 認証とユーザー管理 |
| ストライプ | 支払い処理とサブスクリプション管理 |
| スクリプト | 説明 |
|---|---|
npm run dev | 開発サーバーを開始します |
npm run build | 生産のためのプロジェクトを構築します |
npm run start | 生産サーバーを開始します |
npm run lint | ESLINTを実行して、問題を見つけて修正します |
npm run tsc | タイプスクリプトコンパイラを実行します |
npm run format | きれいを使用してコードベースをフォーマットします |
npm run prepare | Gitフック用にハスキーをセットアップします |
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 Fook Formのリゾルバー |
@pinecone-database/pinecone | ^3.0.2 | Pinecone Vectorデータベースクライアント |
@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 | 最新のJavaScriptデートユーティリティ |
framer-motion | ^11.3.31 | 反応のためのモーションライブラリ |
front-matter | ^4.0.2 | Yaml Front Matterパーサー |
lucide-react | ^0.427.0 | Lucideアイコンの反応コンポーネント |
next | 14.2.5 | next.jsフレームワーク |
next-cloudinary | ^6.11.0 | next.jsの雲の統合 |
next-themes | ^0.3.0 | next.jsのテーマトグラー |
react 、 react-dom | ^18.3.1 | UIを構築するための反応ライブラリ |
react-hook-form | ^7.53.0 | Reactのパフォーマンスフォームライブラリ |
react-loader-spinner | ^6.1.6 | スピナーをロードするための反応コンポーネント |
react-markdown | ^9.0.1 | Reactのマークダウンレンダラー |
react-top-loading-bar | ^2.3.1 | トップロードバーの反応コンポーネント |
remark-gfm | ^4.0.0 | Githubフレーバーマークダウンの備考プラグイン |
sonner | ^1.5.0 | Reactの通知コンポーネント |
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-Firstスキーマ検証ライブラリ |
| パッケージ | バージョン | 説明 |
|---|---|---|
@next/eslint-plugin-next | ^14.2.7 | next.jsのEslintプラグイン |
@types/node | ^20.16.3 | node.jsのタイプスクリプトタイプ定義 |
@types/react | ^18.3.5 | Reactのタイプスクリプトタイプ定義 |
@types/react-dom | ^18.3.0 | React Domのタイプスクリプトタイプ定義 |
eslint | ^8 | プラグ可能なJavaScriptリナー |
eslint-config-next | 14.2.5 | next.jsのeslint構成 |
eslint-plugin-react | ^7.35.0 | ReactのEslintプラグイン |
husky | ^8.0.3 | gitフックツール |
postcss | ^8.4.42 | CSS処理ツール |
prettier | ^3.3.3 | コードフォーマッタ |
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 devAI Nexusは、ユーザー認証と管理のために書記官を使用しています。 .envファイルにClerk APIキーを適切に設定していることを確認してください。このプラットフォームは、さまざまなユーザー許可を管理するためのロールベースのアクセス制御（RBAC）など、セキュリティベストプラクティスを念頭に置いて設計されています。
AI Nexusプロジェクトへの貢献を歓迎します！貢献したい場合は、次の手順に従ってください。
git checkout -b feature-branch ）。git commit -m 'Add new feature' ）。git push origin feature-branch ）。
