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

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

Patricia Arquette
リリース: 2024-12-04 18:29:13
オリジナル
386 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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