文档
Next.js
入门指南
为 Next 13 (应用路由器) 提供的 supastarter
本指南将指导您设置 Next.js 13 的 supastarter。我们将逐步介绍克隆项目、安装依赖项、设置数据库和运行本地开发服务器的过程。
在我们开始之前,我想快速介绍一下 supastarter 使用的工具和库。
在开始之前,您需要在您的计算机上安装以下内容。
- Node.js (在新标签页中打开) (v18 或更高版本)
- Git (在新标签页中打开)
- pnpm (在新标签页中打开)
- VSCode (在新标签页中打开) (推荐,或任何其他代码编辑器)
supastarter 使用 Prisma (在新标签页中打开) 作为 ORM(数据库访问层)。这意味着你可以使用 Prisma 支持的任何数据库,包括 PostgreSQL、MySQL、SQLite 和 MongoDB。你可以在这里 (在新标签页中打开)找到所有支持的数据库。
在创建新的 supastarter 项目之前,请确保已创建新的数据库并准备好连接字符串。例如,当使用 PostgreSQL 时,连接字符串将如下所示:
postgresql://user:password@host:port/database
您还可以在supastarter博客(在新标签页中打开)中找到特定提供商的设置指南:
- [Supabase (在新标签页中打开)]
在设置过程中,您将被要求提供以下信息:
- 项目名称 \- 您的项目名称
- 数据库提供程序 \- 您正在使用的数据库提供程序
- 数据库连接字符串 \- 您的数据库连接字符串
要创建一个新的 supastarter 项目,你只需要运行以下命令(用你的项目名称替换 my-awesome-project
):
使用 npx supastarter new my-awesome-project 创建我的超赞项目
这将克隆supastarter存储库,安装所有依赖项并为您设置数据库。
如果在设置过程中出现任何错误,请尝试手动设置。
现在你的应用应该已经准备就绪。要启动本地开发服务器,请进入你的项目根目录并运行以下命令。
在浏览器中打开 http://localhost:3000 (在新标签页中打开),以查看你的应用程序。