ai prompt sharing

查看部署

这是一个带有create-next-app boottrable。

入门

首先，运行开发服务器：

npm run dev
# or
yarn dev
# or
pnpm dev

打开http：// localhost：3000使用浏览器查看结果。

您可以通过修改app/page.js开始编辑页面。编辑文件时，页面自动更新。

该项目使用next/font自动优化和加载自定义的Google字体。

了解更多

要了解有关Next.js的更多信息，请查看以下资源：

• Next.js文档 - 了解Next.js功能和API。
• 学习Next.js-互动Next.js教程。

您可以查看下一个。JSgithub存储库 - 欢迎您的反馈和贡献！

部署在Vercel上

部署您的next.js应用的最简单方法是使用Next.js的创建者的Vercel平台。

请查看我们的Next.js部署文档以获取更多详细信息。

项目结构：

• /app/ - next.js应用程序中具有相应文件夹中各自的页面（NextJS具有基于文件夹的路由，url中的路径名是文件夹名称，因此页面将呈现）
  • /app/api/ - next.js api路由/后端
  • /app/folder/ - 基于文件夹的路由，各个路由的页面（文件夹名称）
• /components/ - 具有一些逻辑的可重复使用的UI组件
• '/型号/` - 数据库的模型模型
• /public/ -next.js公共目录
• /styles/ -next.js样式目录
• /utils/ - 只有一些实用程序功能，例如ConnectTODB，可以调用以连接到MongoDB数据库

环境变量：

• 使用以下变量创建.ENV：

 GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

使用的软件包：

• next - 下一个.js框架
• next-auth -Next.js身份验证库
• mongodb蒙哥多司机
• mongoose -MongoDB ODM
• react react.js框架
• react-dom react.js dom渲染器
• tailwindcss用于造型

部署在Vercel上

• 查看部署

学分：JavaScript精通-Adrian Hajdin