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

기부금

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

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

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿