Published on

构建 Next.js 项目

Authors
  • avatar
    Name
    Leon
    Twitter

npx create-next-app

npx create-next-app nextjs-study
# 或者
npx create-next-app my-blog --example https://github.com/vercel/next.js/tree/canary/examples/blog-starter
# 或者
npx create-next-app my-blog --example blog-starter

--example参数

--examplecreate-next-app命令的一个参数,它允许你基于一个现有的示例项目来创建新的Next.js应用。

携带--example参数时,你需要指定一个URL或一个官方示例的名称。URL可以是指向GitHub仓库的链接,该仓库包含了你想要作为起点的Next.js项目代码。

npx create-next-app@latest my-next-app --use-npm --example "示例项目的URL"

或者,如果你想要使用Next.js官方示例之一,可以直接使用示例的名称:

npx create-next-app@latest my-next-app --use-npm --example "示例名称"

示例的来源

  • GitHub仓库:你可以指定任何一个公开的GitHub仓库作为示例。这个仓库应该包含一个Next.js项目。通常,这个链接指向仓库的一个特定分支或目录。
  • Next.js官方示例:Next.js在其GitHub仓库中提供了许多官方示例,覆盖了从入门到高级的多种用例。这些示例的列表可以在Next.js的GitHub页面找到。