ホームページ > ウェブフロントエンド > jsチュートリアル > Next.js Tailwind CSS、Prisma、Open AI、Clerk で構築された AI Travel Planner アプリ。

Next.js Tailwind CSS、Prisma、Open AI、Clerk で構築された AI Travel Planner アプリ。

Mary-Kate Olsen
リリース: 2024-12-17 06:05:24
オリジナル
895 人が閲覧しました

AI Travel Planner app built with Next.js  Tailwind CSS, Prisma, Open AI, and Clerk.

AIトラベルプランナー

Next.js 15、Tailwind CSS、Prisma、Open AI、Clerk で構築された AI Travel Planner アプリ。機能には、ユーザーのサインアップ、サインイン、旅行計画の作成、すべての旅行計画の表示、旅行の削除などがあります。開発中の貢献を歓迎します。

はじめる

リポジトリのクローンを作成します: git clone https://github.com/saidMounaim/travelplan.git
依存関係をインストールします:

npm install
ログイン後にコピー

.env ファイルを作成します:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
WEBHOOK_SECRET=
DATABASE_URL=
HERE_API_KEY=
OPENAI_API_KEY=
ログイン後にコピー

で構築

  • Next.js 15
  • TailwindCSS
  • TypeScript
  • Shadcn/ui
  • オープンAI
  • 店員

貢献

あらゆる種類の貢献を歓迎します。お気軽にプルリクエストを送信してください。

以上がNext.js Tailwind CSS、Prisma、Open AI、Clerk で構築された AI Travel Planner アプリ。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート