如何创建一个nextjs app?
快速开始:
npx create-next-app myblog
Bash注意,项目名称不能用大写,比如Myblog,我也不知道为啥有这么奇葩的规定。
官方说明:
https://nextjs.org/docs/pages/api-reference/create-next-app
从模版创建:
npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
Bash注:—use-npm 指用npm安装依赖包,默认是yarn
其他模版:
https://github.com/vercel/next.js/tree/canary/examples
与tyscript同时创建:
npx create-next-app --typescript myblog
Bash与tailwindCSS同时创建:
npx create-next-app --tailwind myblog
Bash包含tailwindcss模版:
npx create next-app --example with-tailwindcss my-project
Bash创建后再安装tailwindcss:
https://www.showwcase.com/show/15201/create-a-web-project-using-nextjs-typescript-tailwind-css
进入文件夹:
cd myblog
Bash测试:
npm run dev
Bash测试网址:
打开 http://localhost:3000 页面,查看效果,相当 beautiful。