Web Course 16-实战：课程官网的改造 – Kick Off

这一节课主要涉及内容：课程官网的改造项目的背景、需求分析、范围划分和方案制定 背景 在最初设计本课程时，预想到了有几个实战的项目，其中一个就是本课程的官网 Landing Page，其二是后来加上的导航站项目 最开始的想法是准备在课程中进行课程官网的开发，但是由于本课程的 Notion 宣传单页（https://indie-startups.notion.site/）实在有一点简陋，一个做 Web 的课程自己都没有个官网也稍微说不过去，所以后来我做了这件事（讲了个故事：https://x.com/interjc/status/1852726951494275395），快速制作并上线了本课程的新官网 本课程的官网（https://web.justincourse.com/）上线以后，访问速度也更快了，效果还是很明显的，起到了不错的宣传作用，信息承载能力比之前的 Notion 单页好了不少 可是因为课程已经上线了，那么就难以实现从头开始制作一个课程官网这件事。但是仔细想了一下，这个官网现阶段做的事跟我们在新手教程系列中做的网站类似，现在已经是一个 Landing Page，所以这个过程可以不需要完全在课上来实现，做简单的讲解之后，可以直接在这个站上实现新功能 考虑到我们之前预告的，要做导航站，部分功能，也是现在的课程首页所需要的，所以还是打算落地部分课程官网开发的课程，主要的需求是，在现在的官网基础上做扩展功能 目标 对现有课程官网的所有页面源码进行快速讲解 扩展课程官网急需的功能 现状 功能介绍 展示：https://web.justincourse.com/ 源码分析 介绍之前：https://github.com/PatrickJS/awesome-cursorrules 仓库：课程涉及的仓库 方案 先做优先级最高且工作量最小的 每个小的功能模块单独上线、持续迭代 内容管理直接使用 Nuxt Content 主要扩展功能 FAQ 页面（放置常见问答信息） 促销页面（放置课程的宣传打折信息） 合作页面（放置合作伙伴的广告信息，此处涉及到返佣的信息） 课程详细介绍页面（放置课程大纲和相关介绍） 学员作品展示页面（会有一个专门的 showcase 页面，作品会从作业展示中选出，打算做成期刊） 相关 由于这是实战课程，并且之前的课上已经对基础知识做了拉通，所以课上不会对入门知识点细节做太详细的分解，大家如果有不明白的可以在本页面评论讨论，可以直接在群里讨论 课后作业 学员信息收集：https://justin-pro.notion.site/139d90f4c8cd807290e7fb69874003f4?pvs=105… Membership Required You must be a member to access this...