Home >Web Front-end >JS Tutorial >AI travel Plan using Next.js TailwindCSS, Prisma, Google AI Studio, and Clerk

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

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

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

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

AI Travel Planner

AI Travel Planner app built with Next.js 15, Tailwind CSS, Prisma, Google AI Studio, and Clerk. Features include user sign-up, sign-in, generating travel plans, viewing all travel plans, and deleting trips. Open to contributions during development.

Getting Started

Clone the repository: git clone https://github.com/saidMounaim/travelplan.git
Install dependencies:

npm install

Create a .env file:

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=

Built With

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

Contribution

All kind of contributions are welcome, please feel free to submit pull requests.

The above is the detailed content of AI travel Plan using Next.js TailwindCSS, Prisma, Google AI Studio, and Clerk. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn