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打底的项目结构来复用,不妨 fork 一个试试看。写得舒服了,以后就不想从头配了,真的。

zip
boilerplate-nextjs-main.zip 预估大小:36个文件
folder
boilerplate-nextjs-main 文件夹
file
.eslintrc.json 834B
folder
.github 文件夹
folder
workflows 文件夹
file
ci.yml 451B
folder
public 文件夹
folder
img 文件夹
file
icon-02.png 35KB
file
icon-01.png 8KB
file
commitlint.config.js 67B
file
yarn.lock 593KB
file
next-env.d.ts 75B
folder
generators 文件夹
file
plopfile.js 1KB
folder
templates 文件夹
folder
components 文件夹
file
index.tsx.hbs 180B
file
test.tsx.hbs 414B
file
stories.tsx.hbs 266B
file
styles.ts.hbs 81B
folder
page 文件夹
file
index.tsx.hbs 196B
file
styles.ts.hbs 81B
file
next.config.js 218B
folder
src 文件夹
folder
pages 文件夹
file
index.tsx 243B
file
_document.tsx 971B
folder
api 文件夹
file
hello.js 171B
file
_app.tsx 931B
folder
styles 文件夹
file
home.Styles.ts 191B
file
globals.ts 400B
folder
storybook 文件夹
file
home.stories.tsx 384B
folder
__tests__ 文件夹
file
home.test.tsx 567B
folder
__snapshots__ 文件夹
file
home.test.tsx.snap 476B
file
.babelrc 419B
folder
.jest 文件夹
file
setup.ts 67B
folder
.storybook 文件夹
file
main.js 193B
file
preview.js 230B
file
tsconfig.json 506B
file
LICENSE 1KB
file
jest.config.js 438B
file
.prettierrc 150B
file
README.md 1KB
file
.editorconfig 147B
file
.gitignore 386B
file
package.json 2KB
zip 文件大小:282.88KB