首页 实战 Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染
收藏

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染

教你一套前端技术组合拳,Get全套网站优化解决方案

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染

难度 高级 时长 18小时 学习人数 125 综合评分 10.00

Vue3+Nuxt3打造SSR网站应用,0到1实现服务端渲染

服务端渲染(SSR)可以说是大型网站的标配,也是每一个想要进阶的前端开发必会的技能,而Nuxt.js的出现,则让一切都变得更简单。 本课程带你从0到1实现一个SSR网站应用,全面应用Vue3等前端最新技术栈,通过对SPA应用的两次改造,帮你彻底掌握服务端渲染的实现原理!

Harry_wang
讲师

资深Web前端工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

掌握SSR原理,能让你的技术体系更完整,更是你前端晋升之路的必要一环

从此告别初、中级开发的队列,大大为你的面试和晋升加分

从0到1实现服务端渲染的应用,实战中加深对前端技术栈的理解

行业稀缺的Nuxt3 beta深度讲解,让SSR变得更简单

从0起步
完成Nuxt3服务端渲染
新建客户端、服务端入口文件
开启Node Server后端服务
封装asyncData异步函数
预取服务端与客户端数据
预加载指令ssr-manifest.json
实战应用
前端最新技术栈
核心框架:Nuxt 3 beta
前端技术:Vue3
构建工具:Vite
万能语言:Typescript
掌握全套
网站优化解决方案
网站国际化
公共组件封装
Lighthouse
Gzip / 懒加载
Skeleton Screen

全面应用新版技术栈,在白热化的竞争中掌握先发优势

新版本Vue3+TS+Vite+Nuxt 3 beta一次掌握

全程以项目贯穿,手把手完成从SPA到SSR的两次改造,彻底掌握服务端渲染原理

在项目实践中,自建一套Mock体系,摆脱对后端接口的依赖

登录/注册模块
浏览记录模块
订单记录模块
首页模块
详情页模块
项目体验链接:http://110.42.184.111/
第1章 课程介绍
本章中,将会对课程的内容做介绍说明,总览课程中涉及到的知识点和学习方向。
第2章 从0搭建一个项目脚手架
从0配置开发环境并初始化项目脚手架
第3章 项目实战 — 【打造一个完整高效的前端项目】
渐进式地构建前端项目,开箱即用,与三方类库实现高内聚低耦合,打造高效的开发体验,方便项目后期升级以及其他技术型改造。
第4章 项目实战 —【优雅地实现Vue3网站应用的国际化】
学会如何整站国际化,做好网站的多种语言版本。
第5章 项目实战 — 【采用indexedDB存储方案自建本地Mock体系】
掌握indexedDB的API和使用方法,解决前端缓存大量数据的问题,丰富客户端的数据查询方式。
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现,与视频
相配合,既保障学习效果,又提高了学
习效率。
适合人群
想构建一个SEO友好的网站的前端开发者
从vue2过渡到vue3的前端开发者
技术储备
有vue2基础
有typescript基础
环境参数
Nvm 1.1.7
Node 16.11.0 & 17.0.0
Vite 2.x
Vue 3.x
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题