课程介绍

Vue3+Nuxt3打造SSR网站应用，0到1实现服务端渲染课程是一门教授如何使用Vue3和Nuxt3框架来构建具有服务端渲染功能的网站应用的课程。

该课程从零开始，通过实际案例的讲解，帮助学员了解如何使用Vue3和Nuxt3框架来构建一个完整的网站应用。课程内容包括以下几个方面：

1. Vue3和Nuxt3框架的介绍：课程会先介绍Vue3和Nuxt3的基本概念和特点，帮助学员了解这两个框架的基本用法和优势。
2. 项目的初始化和配置：课程会讲解如何初始化一个Nuxt3项目，并配置项目的基本设置，包括路由、页面组件、全局样式等。
3. 页面的开发和组织：课程会教授如何使用Vue3的组件开发页面，以及如何组织和管理页面组件，包括页面的布局、样式和逻辑等。
4. 服务端渲染的实现：课程会详细介绍如何使用Nuxt3框架的服务端渲染功能，包括如何在页面中使用asyncData方法获取数据、如何使用插件和中间件等。
5. SEO优化和性能优化：课程会讲解如何进行SEO优化，包括设置页面标题、描述和关键字等；同时也会介绍如何进行性能优化，包括打包优化和代码分割等。
6. 项目的部署和发布：课程会教授如何将项目部署到服务器上，并配置服务器环境，以及如何发布项目到线上环境。

通过学习该课程，学员可以掌握使用Vue3和Nuxt3框架构建具有服务端渲染功能的网站应用的基本技能，能够从零开始开发一个完整的网站应用，并能够将其部署到线上环境中。

课程目录

8-001-【imooc】课程汇总/
│【imooc-566】Vue3+Nuxt3打造SSR网站应用，0到1实现服务端渲染【完结】/
││├─{1}–第1章课程介绍
││├─{2}–第2章从0搭建一个项目脚手架
││├─{3}–第3章项目实战—【打造一个完整高效的前端项目】
││├─{4}–第4章项目实战—【优雅地实现Vue3网站应用的国际化
││├─{5}–第5章项目实战—【采用indexedDB存储方案自建
││├─{6}–第6章项目实战番外篇—【SSR方案初探】
││├─{7}–第7章项目实战—【Layout组件封装】
││├─{8}–第8章项目实战—【对SPA的第一次SSR改造：实现服
││├─{9}–第9章项目实战—【对SPA的第二次SSR改造：客户端
││├─{10}–第10章项目实战—【房屋租赁详情页的服务端渲染】
││├─{11}–第11章项目实战—【订单中心模块的异步封装、历史足迹
││├─{12}–第12章项目实战—【全方位分析网站优化的方案与建议】
││├─{13}–第13章如何将一个SSR项目成功部署上线
││├─{14}–第14章课程总结
││├─课件.zip 88.4MB

详细目录

││{1}–第1章课程介绍/
│││├─1-1 课程介绍.mp4 83.5MB
││{2}–第2章从0搭建一个项目脚手架/
│││├─[2.1]–2-1本章导学.mp4 4.2MB
│││├─[2.2]–2-2开发环境配置.mp4 72.2MB
│││├─[2.3]–2-3nvm对node进行版本管理.mp4 54.4MB
│││├─[2.4]–2-4vite脚手架初始化项目.mp4 86.3MB
││{3}–第3章项目实战—【打造一个完整高效的前端项目】/
│││├─[3.1]–3-1本章导学.mp4 5MB
│││├─[3.2]–3-2前端项目技术选型.mp4 28.5MB
│││├─[3.3]–3-3集成vue-router4—路由的基本使用.mp4 113.7MB
│││├─[3.4]–3-4集成element-plus—按需引入组件,构.mp4 85.1MB
│││├─[3.5]–3-5集成ESLint—规范你的前端代码.mp4 75MB
│││├─[3.6]–3-6集成Sass样式预处理器—高效管理前端样式.mp4 60.1MB
│││├─[3.7]–3-7集成axios请求库—对axios的TS封装-.mp4 91.6MB
│││├─[3.8]–3-8集成axios请求库—对axios的TS封装-.mp4 83.2MB
│││├─[3.9]–3-9本章小节.mp4 26MB
││{4}–第4章项目实战—【优雅地实现Vue3网站应用的国际化/
│││├─[4.1]–4-1本章导学.mp4 3.1MB
│││├─[4.2]–4-2Element-plus配置国际化—&mdas.mp4 47.3MB
│││├─[4.3]–4-3vue-i18n实现网站全局国际化.mp4 85.3MB
│││├─[4.4]–4-4本章小节.mp4 18.1MB
││{5}–第5章项目实战—【采用indexedDB存储方案自建/
│││├─[5.1]–5-1本章导学.mp4 5.3MB
│││├─[5.2]–5-2IndexedDB数据存储方案.mp4 37.4MB
│││├─[5.3]–5-3开天辟地之数据库与对象仓库objectStore创建.mp4 149MB
│││├─[5.4]–5-4使用Typescript封装工具类：增、删、改、查.mp4 153.1MB
│││├─[5.5]–5-5使用Promise、async、await包装异步事务，自.mp4 144.9MB
│││├─[5.6]–5-6本章小节.mp4 13.6MB
││{6}–第6章项目实战番外篇—【SSR方案初探】/
│││├─[6.1]–6-1本章导学.mp4 4.6MB
│││├─[6.2]–6-2CSR、SSR以及同构渲染的区别.mp4 110.1MB
│││├─[6.3]–6-3Nuxt3beta介绍.mp4 25.5MB
│││├─[6.4]–6-4先用Nuxt3beta版本实现一个SSR来尝尝鲜.mp4 117.5MB
││{7}–第7章项目实战—【Layout组件封装】/
│││├─[7.1]–7-1本章导学.mp4 2.2MB
│││├─[7.2]–7-2headerCommon组件封装—在scrip.mp4 180.1MB
│││├─[7.3]–7-3国际化的相关Mock接口介绍.mp4 33.9MB
│││├─[7.4]–7-4头部组件国际化：调用Mock接口实现国际化语言切换.mp4 80.2MB
│││├─[7.5]–7-5底部组件封装：使用Sass的@mixin指令封装Flex布.mp4 133.7MB
│││├─[7.6]–7-6实现Layout组件文案国际化及语言包字段的维护.mp4 94.8MB
│││├─[7.7]–7-7本章小节.mp4 19.2MB
││{8}–第8章项目实战—【对SPA的第一次SSR改造：实现服/
│││├─[8.10]–8-10使用Vuex4共享全局状态：结合Typescript实现.mp4 65.8MB
│││├─[8.11]–8-11Vite+Vue3+TS+SSR的基本原理、构建步骤、目.mp4 15.3MB
│││├─[8.13]–8-13对SPA应用的第一次SSR改造：新建服务端入口、开启本地.mp4 90.5MB
│││├─[8.14]–8-14对SPA应用的第一次SSR改造：新建服务端入口、开启本地.mp4 67.4MB
│││├─[8.15]–8-15对SPA应用的第一次SSR改造：设置运行指令开启生产环境.mp4 89.7MB
│││├─[8.16]–8-16对SPA应用的第一次SSR改造：设置运行指令开启生产环境.mp4 99.4MB
│││├─[8.17]–8-17本章小节.mp4 47.8MB
│││├─[8.1]–8-1本章导学.mp4 5.3MB
│││├─[8.2]–8-2登录页基础布局搭建.mp4 146.9MB
│││├─[8.3]–8-3登录页国际化字段维护.mp4 66.6MB
│││├─[8.4]–8-4登录页的相关Mock接口介绍：使用Typescript类型.mp4 56.3MB
│││├─[8.5]–8-5登录模块之hook函数封装：登录、注册、登出功能实现【上】.mp4 138MB
│││├─[8.6]–8-6登录模块之hook函数封装：Vue3中的hook概念【中】.mp4 18.4MB
│││├─[8.7]–8-7登录模块之hook函数封装：抽离出两个hook函数实现代码.mp4 87.3MB
│││├─[8.8]–8-8使用Vuex4共享全局状态：实现跨组件通讯【上】.mp4 93.1MB
│││├─[8.9]–8-9使用Vuex4共享全局状态：统一管理网站登录状态、国际化状.mp4 77.2MB
││{9}–第9章项目实战—【对SPA的第二次SSR改造：客户端/
│││├─[9.10]–9-10公共组件Pagination封装：实现首页列表数据分页加.mp4 121.6MB
│││├─[9.11]–9-11首页模块组件HomeTabs拆分：实现首页列表数据城市筛.mp4 74.5MB
│││├─[9.12]–9-12本章小节.mp4 104.7MB
│││├─[9.1]–9-1本章导学.mp4 2.5MB
│││├─[9.2]–9-2实现首页Flex布局.mp4 140.8MB
│││├─[9.3]–9-3第二次SSR改造的基本步骤.mp4 23.2MB
│││├─[9.4]–9-4【起】对SPA应用的第二次SSR改造：封装asyncDat.mp4 89.1MB
│││├─[9.5]–9-5【起】对SPA应用的第二次SSR改造：封装asyncDat.mp4 104.5MB
│││├─[9.6]–9-6【承】对SPA应用的第二次SSR改造：Vuex接管状态并同.mp4 107.6MB
│││├─[9.7]–9-7【转】对SPA应用的第二次SSR改造：防止客户端二次预取数.mp4 144.5MB
│││├─[9.8]–9-8【合】对SPA应用的第二次SSR改造：使用ssr-mani.mp4 180.3MB
│││├─[9.9]–9-9公共组件Pagination封装：实现首页列表数据分页加载.mp4 88.7MB
││{10}–第10章项目实战—【房屋租赁详情页的服务端渲染】/
│││├─[10.1]–10-1本章导学.mp4 5.6MB
│││├─[10.2]–10-2详情页面基本布局搭建.mp4 102.2MB
│││├─[10.3]–10-3详情页渲染：使用asyncData函数获取真实接口数据.mp4 131.5MB
│││├─[10.4]–10-4服务端渲染的页面跳转及路由传参.mp4 116MB
│││├─[10.5]–10-5为Vite开发服务器设置proxy代理.mp4 78.9MB
│││├─[10.6]–10-6本章小结.mp4 23.8MB
││{11}–第11章项目实战—【订单中心模块的异步封装、历史足迹/
│││├─[11.10]–11-10实现浏览记录功能.mp4 33.3MB
│││├─[11.11]–11-11历史足迹页的数据展示：reactive与ref的异同.mp4 110.9MB
│││├─[11.12]–11-12前端数据持久缓存策略：storage与vuex的结合.mp4 97.8MB
│││├─[11.13]–11-13纯CSS实现历史足迹页面的瀑布流布局.mp4 64MB
│││├─[11.14]–11-14详情页面数据侦听：watch与watchEffect的.mp4 49.8MB
│││├─[11.15]–11-15本章小结.mp4 14.7MB
│││├─[11.1]–11-1本章导学.mp4 13MB
│││├─[11.2]–11-2Suspence实现异步组件延迟加载提升用户体验.mp4 108.6MB
│││├─[11.3]–11-3房源订单中心的Mock接口介绍.mp4 29.8MB
│││├─[11.4]–11-4实现房屋预定功能.mp4 79.2MB
│││├─[11.5]–11-5实现订单中心异步组件的数据填充.mp4 78.3MB
│││├─[11.6]–11-6Vue3新特性Teleport：心灵传输.mp4 64.7MB
│││├─[11.7]–11-7订单模块的登录权限拦截、页面重定向、隔离数据权限【上】.mp4 81.6MB
│││├─[11.8]–11-8订单模块的登录权限拦截、页面重定向、隔离数据权限【下】.mp4 76.5MB
│││├─[11.9]–11-9历史足迹模块的Mock接口介绍.mp4 20.8MB
││{12}–第12章项目实战—【全方位分析网站优化的方案与建议】/
│││├─[12.1]–12-1本章导学.mp4 39.9MB
│││├─[12.2]–12-2UED优化：SkeletonScreen改善用户体验.mp4 94.1MB
│││├─[12.3]–12-3SEO优化：meta元信息处理【上】.mp4 120.7MB
│││├─[12.4]–12-4SEO优化：meta元信息处理【下】.mp4 110.3MB
│││├─[12.5]–12-5性能优化：gzip压缩.mp4 61.5MB
│││├─[12.6]–12-6给咱的网站跑个分：Chromelighthouse网站性.mp4 101.7MB
│││├─[12.7]–12-7本章小结.mp4 16.7MB
││{13}–第13章如何将一个SSR项目成功部署上线/
│││├─[13.1]–13-1本章导学.mp4 4.2MB
│││├─[13.2]–13-2使用putty和xftp“组合拳&rdquo.mp4 37.8MB
│││├─[13.3]–13-3服务器上配置Node、Nginx环境.mp4 68MB
│││├─[13.4]–13-4Nginx相关配置：资源目录指定、本地代理转发、gzip.mp4 128.2MB
│││├─[13.5]–13-5生产环境访问以及Screen进程守护.mp4 75.9MB
│││├─[13.6]–13-6本章小节.mp4 28.6MB
││{14}–第14章课程总结/
│││├─[14.1]–14-1课程回顾.mp4 44.7MB