收藏网站

使用 Ctrl+D 可将网站添加到书签

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

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

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

						￥368.00
					
					花呗付款
				
					京东白条

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

立即购买加购物车

服务端渲染（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下载

官方微信

热搜

最近搜索清空

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

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

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