HowTo Next.js

1. 如何添加静态资源?

   放置在/public 文件夹下即可，使用时 /images/sun.jpg

2. 页面之间如何跳转

   Link 组件 / a 标签

3. 代码分割

   Next.js 自动的按照页面分割

4. 预获取资源 prefetching

   Next.js(产品环境下)

5. 如何自定义头部的数据

   Next.js Head 组件

6. 如何创建可重用的 React 组件并且包含样式

7. 如何添加全局的 css 样式

8. 如何选择Server-side Rendering或是Static Generation

   Next.js 推荐尽可能的都使用 Server-side Rendering，因为可以对这些静态的资源进行缓存(比如放在 CDN 上)，这些页面应该通常是偏静态展示型的，比如：博客，宣传页，活动页，帮助说明文档页面，对于需要依赖的数据变化而变化的页面，更适合服务器端渲染

9. 如何加载 node_modules 中的 css 文件？

   只能在 pages/_app.js 中加载，参考 (opens new window)