next训练营

路由切换的控制时机很关键，我们用一个【切换路由页面未加载完成时显示 loading】的效果来学习下如何在 next 中使用路由守卫。

前言 数据流至关重要，不然我们的数据处理只能停留单页面级别，无法在应用级进行扩展。简单举个例子，用户登录后，用户头像需要放在头部，每个页面都需要用到，这时就需要数据共享了。我们刚刚实现了用户的增删改查

前言 ​ 我们一直在实现页面路由，但日常路由视图都是由很多个组件实现的，这些组件我们通常放在根目录下的component下；我们封装一个用户信息组件。默认不展示，点击按钮后再展示，这样就能顺便学习下

前言 要模拟真实项目中 SSR 的应用，真正的后端服务和数据库无可避免，我们就基于 express+mongodb 启动一个后端服务吧！ 本文分享两种项目实现方案：express-generator

前言 next项目不仅可以单独运行，同样可以作为 koa 中间件使用，大致流程是如果 请求发起 koa可以处理则 koa 直接返回请求结果 如果 koa 不能处理，则交给 next 进行处理。 绘制成

前言 既然是 SSR 框架，核心点之一就是服务端渲染优化SEO，即有些关键数据得先请求后端获取并组装好内容后，再返回给客户端便于搜索引擎抓取。这个请求后端的地方就是 SSR 服务端渲染钩子，在 nux

前言 next采用约定式路由，pages是路由根目录，其下.js文件都会被转为路由文件，文件夹则会被转为多级路由；如 会生成如下可访问路由 /index /user/index /user/user-

前言 next集成 antd 并实现按需加载 本次项目依赖版本如下 "antd": "^3.26.4" "babel-plugin-import": "^1.13.0" 开始实现 安装依赖 代码结构

前言 写在前边：本文中 react 组件、页面均使用tsx。 本次项目依赖版本如下 @zeit/next-css：1.0.1 1. 全局用法 打开 pages 目录下_app.js，这里以引入 ant

前言 前段时间在公司接手了个数字化运营平台项目，技术栈是 next，之前没接触过，于是借助这个五一临阵磨枪了下，这就是我们【保姆级指南：只需 cv，实战中学习 next】专栏的背景了。 本文也是整个系