ホームページ >ウェブフロントエンド >jsチュートリアル >Next.js TailwindCSS、Prisma、Google AI Studio、Clerk を使用した AI 旅行計画

Next.js TailwindCSS、Prisma、Google AI Studio、Clerk を使用した AI 旅行計画

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-04 18:29:13387ブラウズ

AI travel Plan using Next.js  TailwindCSS, Prisma, Google AI Studio, and Clerk

デモ: https://travelplan-sm.vercel.app/

AIトラベルプランナー

Next.js 15、Tailwind CSS、Prisma、Google AI Studio、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=
GOOGLE_AI_API_KEY=

で構築

  • Next.js 15
  • TailwindCSS
  • TypeScript
  • シャドン/ui
  • Google AI スタジオ
  • 店員

貢献

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

以上がNext.js TailwindCSS、Prisma、Google AI Studio、Clerk を使用した AI 旅行計画の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。