你将学到的
  • 服务端渲染
  • Next.js 高级应用
  • 部署静态博客系统
  • Next.js 基础知识
  • 部署 Next.js 项目
  • 开发全栈博客系统
课程内容
  共13个章节
实验 1 初识 Next.js 框架

知识点: 1.CSR与SSR的区别 2.什么是Nextjs 3.第一个Nextjs应用——HelloNextjs

实验 2 路由和生命周期

知识点: 1.Nextjs路由 2.Nextjs生命周期 3.NextjsCSS方案 4.Nextjs静态文件服务

实验 3 内置组件和自定义配置

知识点: 1.数据获取 2.内置组件 3.自定义配置

实验 4 部署一个静态站点

知识点: 1.静态站与动态站 2.StaticHTMLExport 3.部署项目到GithubPages

实验 5 第三方部署工具 Now

知识点: 1.什么是Now 2.如何使用Now 3.使用Now部署Nextjs应用

实验 6 企业级部署方案 PM2

知识点: 1.什么是PM2 2.PM2常用API 3.使用PM2部署Nextjs应用

实验 7 静态博客基础架构

知识点: 1.什么是静态博客站 2.什么是MDXjs 3.初始化项目——引入MDXjs

实验 8 静态博客动态美化

知识点: 1.博客站布局 2.博客站动态化 3.美化静态博客站

实验 9 动态博客基础架构

知识点: 1.系统技术选型 2.功能模块设计 3.项目初始化

实验 10 动态博客登录授权

知识点: 1.登录/注册 2.MD5加密 3.JWT授权验证

实验 11 动态博客文章模块

知识点: 1.编辑器初始化 2.新建/查看/编辑文章 3.文章列表

实验 12 动态博客个人中心

知识点: 1.个人中心 2.交互逻辑

实验 13 总结与新特性展望

知识点: 1.总结回顾Nextjs 2.NextjsVersion9新特性 3.动态博客系统Version8>Version9

课程介绍

React.js 是现今前端最火的应用框架之一,而 Next.js 正是 React.js 领域最优秀的服务端渲染框架。本课程旨在让大家了解掌握 Next.js 相关知识并熟练使用它开发复杂应用系统。课程总体分为三个阶段:第一阶段,了解什么是服务端渲染并且初步认识 Next.js,学习使用 Next.js 的各种 API 以及内置约束规则进行简单的页面开发;第二阶段,多种方式部署 Next.js 应用,满足小型个人和大型企业的各种业务场景;第三阶段,从实践角度出发使用 Next.js 开发两个应用系统,第一个是静态个人博客系统,第二个是全栈开发包含前后端以及数据库的动态博客系统。

效果展示

  • 个人静态博客系统

个人静态博客系统

  • 全栈动态博客系统

注册

11-2_editor-preview

11-10_article-list

12-7_content-list

课程难度

  • 中等

适合人群

  • 有一定 React.js 基础的同学
  • 对服务端渲染不知所以但又想尝试的同学
  • 想掌握一门非常实用的前端技术的同学

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

luffyZh 高级前端开发工程师 网易 共发布过 1 门课程

Reacter、Next.js 重度爱好者~

查看老师的所有课程 >
蓝桥楼+
蓝桥会员
会员
开通会员,即刻开始学习