next.js学习笔记

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

 

待续...