如何创建一个nextjs app？

2023-05-16

快速开始

npx create-next-app myblog

注意，项目名称不能用大写，比如Myblog，我也不知道为啥有这么奇葩的规定。可以看官方说明。

从模版创建

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

注：—use-npm 指用npm安装依赖包，默认是yarn。可以使用其他模板。

与tyscript同时创建

npx create-next-app --typescript myblog

与tailwindCSS同时创建

npx create-next-app --tailwind myblog

包含tailwindcss模版

npx create next-app --example with-tailwindcss my-project

注意，也可以创建后再安装tailwindcss。

进入文件夹

cd myblog

启动

npm run dev

打开 http://localhost:3000 页面，查看效果，相当 beautiful。