supastarter 文档

内容

文档

Next.js

入门指南

为 Next 13 (应用路由器) 提供的 supastarter

本指南将指导您设置 Next.js 13 的 supastarter。我们将逐步介绍克隆项目、安装依赖项、设置数据库和运行本地开发服务器的过程。

工具和库

在我们开始之前,我想快速介绍一下 supastarter 使用的工具和库。

先决条件

在开始之前,您需要在您的计算机上安装以下内容。

项目设置

创建一个新数据库

supastarter 使用 Prisma (在新标签页中打开) 作为 ORM(数据库访问层)。这意味着你可以使用 Prisma 支持的任何数据库,包括 PostgreSQL、MySQL、SQLite 和 MongoDB。你可以在这里 (在新标签页中打开)找到所有支持的数据库。

在创建新的 supastarter 项目之前,请确保已创建新的数据库并准备好连接字符串。例如,当使用 PostgreSQL 时,连接字符串将如下所示:

postgresql://user:password@host:port/database

您还可以在supastarter博客(在新标签页中打开)中找到特定提供商的设置指南:

  • [Supabase (在新标签页中打开)]

初始化一个新的 supastarter 项目

在设置过程中,您将被要求提供以下信息:

  • 项目名称 \- 您的项目名称
  • 数据库提供程序 \- 您正在使用的数据库提供程序
  • 数据库连接字符串 \- 您的数据库连接字符串

要创建一个新的 supastarter 项目,你只需要运行以下命令(用你的项目名称替换 my-awesome-project):

使用 npx supastarter new my-awesome-project 创建我的超赞项目

这将克隆supastarter存储库,安装所有依赖项并为您设置数据库。

如果在设置过程中出现任何错误,请尝试手动设置。

启动您的开发服务器

现在你的应用应该已经准备就绪。要启动本地开发服务器,请进入你的项目根目录并运行以下命令。

在浏览器中打开 http://localhost:3000 (在新标签页中打开),以查看你的应用程序。

总结
这篇文章介绍了如何在Next.js 13中使用supastarter进行项目设置。文章包括了supastarter使用的工具和库,以及项目设置的先决条件,包括安装Node.js、Git、pnpm和VSCode。在项目设置部分,文章详细介绍了如何创建新数据库和初始化一个新的supastarter项目,以及如何启动本地开发服务器。