課程大綱：

Next.js 輕量級 React 框架培訓

Next.js 是一個輕量級的 React 服務端渲染應用框架，被 Hulu，Twitch 等世界知名公司使用。

1 服務端渲染

2 Next.js 高級應用

3 部署靜態(tài)博客系統(tǒng)

4 Next.js 基礎知識

5 部署 Next.js 項目

6 開發(fā)全棧博客系統(tǒng)

1
初識 Next.js 框架

1.CSR與SSR的區(qū)別

2.什么是Nextjs

3.第一個Nextjs應用——HelloNextjs

2
路由和生命周期

1.Nextjs路由

2.Nextjs生命周期

3.NextjsCSS方案

4.Nextjs靜態(tài)文件服務

3
內置組件和自定義配置

1.數據獲取

2.內置組件

3.自定義配置

4
部署一個靜態(tài)站點

1.靜態(tài)站與動態(tài)站

2.StaticHTMLExport

3.部署項目到GithubPages

5
第三方部署工具 Now

1.什么是Now

2.如何使用Now

3.使用Now部署Nextjs應用

6
企業(yè)級部署方案 PM2

1.什么是PM2

2.PM2常用API

3.使用PM2部署Nextjs應用

7
靜態(tài)博客基礎架構

1.什么是靜態(tài)博客站

2.什么是MDXjs

3.初始化項目——引入MDXjs

8
靜態(tài)博客動態(tài)美化

1.博客站布局

2.博客站動態(tài)化

3.美化靜態(tài)博客站

9
動態(tài)博客基礎架構

1.系統(tǒng)技術選型

2.功能模塊設計

3.項目初始化

10
動態(tài)博客登錄授權

1.登錄/注冊

2.MD5加密

3.JWT授權驗證

11
動態(tài)博客文章模塊

1.編輯器初始化

2.新建/查看/編輯文章

3.文章列表

12
動態(tài)博客個人中心

1.個人中心

2.交互邏輯

13
總結與新特性展望

1.總結回顧Nextjs

2.NextjsVersion9新特性

3.動態(tài)博客系統(tǒng)Version8>Version9