首页 > web前端 > 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
原创
451 人浏览过

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

演示:https://travelplan-sm.vercel.app/

人工智能旅行规划师

AI Travel Planner 应用程序使用 Next.js 15、Tailwind CSS、Prisma、Google AI Studio 和 Clerk 构建。功能包括用户注册、登录、生成旅行计划、查看所有旅行计划和删除行程。在开发过程中接受贡献。

入门

克隆存储库: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
  • Google AI Studio
  • 文员

贡献

欢迎各种贡献,请随时提交拉取请求。

以上是使用 Next.js TailwindCSS、Prisma、Google AI Studio 和 Clerk 进行 AI 旅行计划的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板