基于 Vite 的 SSG 框架开发实战

你会学到什么

1. 7 大模块，拆解复杂项目搭建全流程；

2. 场景驱动，基于 Vite 定制底层构建系统；

3. 视频讲解，实战 SSG 框架开发与优化；

4. 前沿视角，解读现代化前端技术栈。

购买地址 https://s.juejin.cn/ds/iSvtxb/

作者介绍

神三元，字节跳动前端工程师。目前深耕前端工程化构建领域，拥有大量的 Vite 工程化实战和性能优化经验，曾将 Vite 落地到抖音直播 PC 端等公司大型业务中，也是 Vite Contributor。同时也是掘金小册《深入浅出 Vite》和《React Hooks 与 Immutable 数据流实战》的作者。

小册介绍

在目前的前端生态中，Vite 正在成为下一代的前端工具链。 相比于传统的 Webpack，它让前端开发者的开发效率有了质的提升。

经过两年多的发展，Vite 的 star 数量已经达到 50 k，社区中也因此诞生了许多基于 Vite 的上层框架，产生了非常多的社区插件。因此，深入地学习和掌握 Vite 对于提升自身竞争力，拓宽技术发展道路来说都是一个非常好的选择。

基于此，本课程将带你深度应用 Vite，手把手教你从 0 搭建一个类 VitePress 的框架，搞懂 SSG 框架的内部实现奥秘，让你在深入掌握这类框架实现原理的同时，也能从造轮子的过程中全方位提升自己的工程化能力和编程水平！

此外，本课程还同时具备如下优势。

• 内容稀缺，市面上一般只是简单教你如何使用框架的教程，缺乏有深度的实战资料。

• 全程视频实战，从工程搭建到各个模块的设计和实现，每一小节内容都有实际可运行的代码分支，同时搭配视频实操讲解+文字梳理，满足多种需求。

• 技术栈前沿，课程中所使用的各种技术栈都是业界比较前沿或者已经成为业界趋势的技术，给你现代化的技术视角。

• 理论先行，所谓"磨刀不误砍柴工"，对于一些重要的技术点，如Hydration、Islands架构等等 ，会专门给大家提前打好基础，保证课程的可实操性。

具体来说，课程的内容分为七大模块。

• 原型开发篇：用最少的代码完成 CLI 工具、DevServer 等核心流程的开发，搭建 Demo 版本。

• 工作流搭建篇：搭建项目构建方案、规范工具工具链和单元测试/E2E 测试环境。

• 配置解析篇：设计项目的整体配置，完成 TypeScript 配置文件解析的逻辑。

• 主题 UI 开发篇：基于 React 和 Unocss 开发各个主题 UI 模块。

• 构建层开发篇：完成约定式路由、MDX 编译插件、开发阶段热更新以及生产环境构建等能力。

• 服务端渲染篇：基于 Islands 架构完成服务端渲染能力，产出完整的 SSG 产物。

• 持续集成和部署篇：完成 CI、CD 的流程编排，并发布安全和规范的 NPM 包

在这门课程中，你不仅能掌握诸多现代前端工程化解决方案，拥有搭建大型项目工作流的能力，还能深度应用构建工具 Vite，开发相对复杂的插件来自定义构建流程，理解现代前端 SSR/SSG 框架的实现原理，并拥有从零造轮子的实战经验，全方位提升你的技术能力！

适宜人群

1. 没有项目工程化搭建的经验，想要学习如何搭建一个真实且完整的前端工程项目；

2. 对前端框架 React 理解不够深入，想要进行项目的实战以巩固技术栈；

3. 对于服务端渲染/SSG/Islands 架构感兴趣，但苦于学习资料少、理解门槛比较高；

4. 想要深入理解类似 VitePress、Astro、Gatsby 这些优秀框架设计原理，但苦于源码阅读难度高。

学习本课程需要哪些基础？

• React 组件基本语法；

• 基本的 TypeScript 语法；

• 常用 Node.js 的模块，如 fs、path。

购买须知

1. 本课程为「视频+图文」形式的虚拟内容服务，购买成功概不退款；

2. 共计 40 节，自上线起每周三或周四更新 2~3 节，预计 2 月 6 日前完成更新；

3. 购买用户可永久阅读小册，可进入小册微信群与作者互动；

4. 掘金小册版权归北京北比信息技术有限公司所有，任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表，违者将依法追究责任；

5. 在掘金小册阅读过程中，如有任何问题，请邮件联系 xiaoce@xitu.io。

购买地址 https://s.juejin.cn/ds/iSvtxb/