boilerplate-nextjs Next.js开发脚手架
Next.js 的开发脚手架用起来还挺顺手的,像我这个项目boilerplate-nextjs
,就是自己常用的那套基础配置,开箱就能跑,基本不费劲。
开发环境的配置比较简单,直接跑npm run dev
或者yarn dev
,浏览器打开http://localhost:3000
就能看到效果,响应也快,页面修改了还能热更新,省得来回刷新。
入口页面是pages/index.js
,改这里就能看到即时预览,蛮适合快速打样或者搭博客、个人站的。想继续玩得深一点,推荐看看 Next.js 官方的教程,API 文档也清晰易懂,新手也不怕迷路。
部署方面直接对接 Vercel 挺香的,基本不用怎么配置,推到 GitHub 上一同步就部署好了,适合图省事的你。
如果你想深入看看别人的 Next.js 实战或者模板资源,下面几个也还不错:
- 学习 Next.js:入门不迷路
- Next.js 模板:有点设计感
- TypeScript Next.js 实例:想加 TS 的可以看这个
- next-cat 模板:内容结构也蛮清晰
- Next.js 与 TS 集成示例:适合了解两者怎么配合
如果你平时搞前端,想要一个Next.js
打底的项目结构来复用,不妨 fork 一个试试看。写得舒服了,以后就不想从头配了,真的。
boilerplate-nextjs-main.zip
预估大小:36个文件
boilerplate-nextjs-main
文件夹
.eslintrc.json
834B
.github
文件夹
workflows
文件夹
ci.yml
451B
public
文件夹
img
文件夹
icon-02.png
35KB
icon-01.png
8KB
commitlint.config.js
67B
282.88KB
文件大小:
评论区