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