Heim >Web-Frontend >js-Tutorial >KI-Reiseplan mit Next.js TailwindCSS, Prisma, Google AI Studio und Clerk

KI-Reiseplan mit Next.js TailwindCSS, Prisma, Google AI Studio und Clerk

Patricia Arquette
Patricia ArquetteOriginal
2024-12-04 18:29:13462Durchsuche

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

Demo: https://travelplan-sm.vercel.app/

KI-Reiseplaner

AI Travel Planner-App erstellt mit Next.js 15, Tailwind CSS, Prisma, Google AI Studio und Clerk. Zu den Funktionen gehören Benutzerregistrierung und -anmeldung, das Erstellen von Reiseplänen, das Anzeigen aller Reisepläne und das Löschen von Reisen. Offen für Beiträge während der Entwicklung.

Erste Schritte

Klonen Sie das Repository: Git-Klon https://github.com/saidMounaim/travelplan.git
Abhängigkeiten installieren:

npm install

Erstellen Sie eine .env-Datei:

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=

Gebaut mit

  • Next.js 15
  • TailwindCSS
  • TypeScript
  • Shadcn/ui
  • Google AI Studio
  • Sachbearbeiter

Beitrag

Alle Arten von Beiträgen sind willkommen, bitte senden Sie Pull-Requests.

Das obige ist der detaillierte Inhalt vonKI-Reiseplan mit Next.js TailwindCSS, Prisma, Google AI Studio und Clerk. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn