課程大綱：

Next.js 輕量級 React 框架培訓(xùn)

Next.js 是一個(gè)輕量級的 React 服務(wù)端渲染應(yīng)用框架，被 Hulu，Twitch 等世界知名公司使用。

1 服務(wù)端渲染

2 Next.js 高級應(yīng)用

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

4 Next.js 基礎(chǔ)知識

5 部署 Next.js 項(xiàng)目

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

1
初識 Next.js 框架

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

2.什么是Nextjs

3.第一個(gè)Nextjs應(yīng)用——HelloNextjs

2
路由和生命周期

1.Nextjs路由

2.Nextjs生命周期

3.NextjsCSS方案

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

3
內(nèi)置組件和自定義配置

1.數(shù)據(jù)獲取

2.內(nèi)置組件

3.自定義配置

4
部署一個(gè)靜態(tài)站點(diǎn)

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

2.StaticHTMLExport

3.部署項(xiàng)目到GithubPages

5
第三方部署工具 Now

1.什么是Now

2.如何使用Now

3.使用Now部署Nextjs應(yīng)用

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

1.什么是PM2

2.PM2常用API

3.使用PM2部署Nextjs應(yīng)用

7
靜態(tài)博客基礎(chǔ)架構(gòu)

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

2.什么是MDXjs

3.初始化項(xiàng)目——引入MDXjs

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

1.博客站布局

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

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

9
動(dòng)態(tài)博客基礎(chǔ)架構(gòu)

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

2.功能模塊設(shè)計(jì)

3.項(xiàng)目初始化

10
動(dòng)態(tài)博客登錄授權(quán)

1.登錄/注冊

2.MD5加密

3.JWT授權(quán)驗(yàn)證

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

1.編輯器初始化

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

3.文章列表

12
動(dòng)態(tài)博客個(gè)人中心

1.個(gè)人中心

2.交互邏輯

13
總結(jié)與新特性展望

1.總結(jié)回顧Nextjs

2.NextjsVersion9新特性

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