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

课程介绍

服务端渲染（SSR）可以说是大型网站的标配，也是每一个前端开发人员想要进阶的必会技能， 本课程带你从0到1实现一个SSR网站应用，全面应用Vue3等前端新兴技术栈，通过对SPA应用的两次改造，帮你掌握服务端渲染的实现原理！

第1章 课程介绍

本章中，将会对课程的内容做介绍说明，总览课程中涉及到的知识点和学习方向。

第2章 从0搭建一个项目脚手架

从0配置开发环境并初始化项目脚手架

第3章 项目实战 — 【打造一个完整高效的前端项目】

渐进式地构建前端项目，开箱即用，与三方类库实现高内聚低耦合，打造高效的开发体验，方便项目后期升级以及其他技术型改造。

第4章 项目实战 —【优雅地实现Vue3网站应用的国际化】

学会如何整站国际化，做好网站的多种语言版本。

第5章 项目实战 — 【采用indexedDB存储方案自建本地Mock体系】

掌握indexedDB的API和使用方法，解决前端缓存大量数据的问题，丰富客户端的数据查询方式。

第6章 附赠·项目实战番外篇 — 【SSR方案初探】

nuxt3 beta版本尝尝鲜，初识vue3服务端渲染的整体思路。

第7章 项目实战 —【Layout组件封装】

学会封装公共组件以及对三方组件的二次封装，减少代码冗余，提高组件复用性。

第8章 项目实战 —【对SPA的第一次SSR改造：实现服务端渲染的基本架构】

学习如何封装hook函数，提高代码复用性；对SPA应用进行首次改造，实现前后端同构，后端直出静态页面。

第9章 项目实战 —【对SPA的第二次SSR改造：客户端结合服务器端实现Hydrate】

从0到1将SPA改造成SSR项目，前端vuex缓存服务端数据，手动封装aysncData异步函数从后端抓取数据渲染前端页面。

第10章 项目实战 —【房屋租赁详情页的服务端渲染】

实现详情页面的SSR；SSR模式下的如何路由跳转与传参；为VITe开发服务器配置代理解决跨域问题

第11章 项目实战 —【订单中心模块的异步封装、历史足迹模块的骨架屏渲染】

Vue3新特性最佳实践：Suspence与defineAsycnComponent、reactive与ref、watch与watchEffect；实现路由登录拦截，防止未登录用户进入页面；纯CSS实现页面瀑布流布局，让你个网站别具一格。

第12章 项目实战 —【全方位分析网站优化的方案与建议】

掌握优化网站用户体验的各种技巧，多维度分析页面性能，对症下药，逐步优化。

第13章 如何将一个SSR项目成功部署上线

搞清前端项目上线整体流程，掌握项目部署技能，将一个基于vue3的SSR项目发布生产。

第14章 课程总结

回顾课程，总结重点。