>웹 프론트엔드 >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
  • 타입스크립트
  • Shadcn/ui
  • 구글 AI 스튜디오
  • 서기

기부금

모든 종류의 기여를 환영합니다. 언제든지 풀 요청을 제출해 주세요.

위 내용은 Next.js TailwindCSS, Prisma, Google AI Studio 및 Clerk를 사용한 AI 여행 계획의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.