next.js学习笔记

时间:2023-12-15 19:21:14

github地址:

https://github.com/zeit/next.js#fetching-data-and-component-lifecycle

简介

Next.js是一个用于React应用的极简的服务端渲染框架。框架中集成了Webpack,Babel等一系列React相关的工具并进行了默认的配置。
因此省去了复杂的配置过程,实现了一键搭建开发环境和打包构建。
同时提供了自定义配置接口,可以在默认配置的基础上对工具进行自定义配置,满足个性化需求。

安装

npm init

npm install next@beta react react-dom styled-jsx --save

在package.json里修改script

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "next",
"build": "next build",
"start": "next start",
"init": "next init"
},

生成react默认开发目录 pages和static

npm run init

项目启动

npm run dev

自动打包

npm run build

待续...