‘GitHub 墓地’在此结束：为何你的下一个副项目应该是 Chrome 扩展

Source: Dev.to

介绍

如果我现在要求查看你的个人 GitHub 账户，特别是标记为 private 的仓库，你会看到什么？

如果你和我认识的大多数开发者一样，你会看到一个“墓地”。

它可能看起来像这样：

• twitter-clone-v3（最近更新：8 个月前）
• saas-boilerplate-test（最近更新：1 年前）
• finance-tracker-app（最近更新：2 年前）

每一个都代表了一个周末，你突然灵感迸发。你倒了咖啡，打开 IDE，或许运行了 npx create-next-app，并花了十二个小时配置 ESLint、搭建 Tailwind、与数据库模式搏斗。

你完成了大约 80 % 的进度。核心逻辑已经可以运行。但随后你遇到了瓶颈。你需要一个着陆页、Stripe webhook、法律政策以及真实的用户。

于是，多巴胺的刺激消退了。项目不再有趣，开始像工作一样。于是你推送了最新的提交，合上笔记本，告诉自己下个周末会把它完成 *。

但下个周末从未到来。

这就是 构建者陷阱 的循环。你拥有几乎可以构建任何东西的技术能力，却缺乏实际交付、分发和变现的结构化系统。你陷入了积极开始、很少完成的循环。

我想提出一种摆脱此陷阱的方法。它涉及将你的关注点从庞大的 SaaS 平台转移到更紧凑、更快速且出乎意料地盈利的东西：Chrome 扩展。

“全栈幻想”的问题

大多数副项目夭折的原因是：范围对单个在晚上和周末开发的程序员来说太大了。

当你决定构建一个传统的 SaaS 应用时，你实际上在 解决用户问题之前 就已经签下了大量的基础设施开销。你必须处理：

• 主机与 DevOps
• 复杂的身份验证流程
• 数据库管理与备份
• 针对移动端/平板/桌面的响应式设计
• 邮件投递可达性
• 为获取流量而进行的 SEO 与内容营销

等到你把应用的 骨架 搭建好时，你已经精疲力竭。甚至还没来得及写出让用户愿意付费的独特功能。

这就是为什么你会在星期日晚感到恐惧。你想摆脱日常工作中在 Jira 上搬票的企业节奏，但你的副项目却同样沉重且缓慢。

为什么 Chrome 扩展是作弊码

Chrome 扩展（以及浏览器扩展总体而言）是 全栈幻想 的完美解药。它们去掉了繁琐的开销，让你专注于唯一重要的事：价值。

1. 范围天然受限

扩展通常 专注做好一件事。它修改特定页面的 DOM，向工作流注入助手，或自动化重复点击。你不需要构建整个平台；只需构建一个运行在现有平台之上的功能。

2. 你不需要去寻找流量

这是开发者面临的最大障碍。即使你打造了世界上最好的应用，如果在 Twitter/X 上没有任何受众，也没人会看到它。

Chrome 扩展发布在 Chrome Web Store，实际上就是一个搜索引擎。如果你开发的扩展能解决具体问题（例如 “LinkedIn Post Formatter”），人们已经在搜索这些关键词。你可以免费获得曝光。

3. 技术栈是原生的

你不需要最新的 Next.js 实验特性或复杂的 GraphQL 配置。只要 HTML、CSS、JavaScript。只要会操作 DOM 并调用 API，你已经足够胜任。

技术难点：Manifest V3

如果扩展如此强大，为什么不是每个人都在构建它们？

因为生态系统刚经历了一次大规模、痛苦的转变。Google 最近废弃了 Manifest V2 并强制使用 Manifest V3。

长期以来，文档稀少、混乱且相互矛盾。你在 YouTube 或 Medium 上找到的许多教程已经过时——它们教授的模式会在审查过程中导致你的扩展被拒绝。

向 Manifest V3 的转变改变了扩展的根本架构。最大变化是从 Background Pages（后台页面）迁移到 Service Workers（服务工作线程），这对持久状态、网络请求和运行时 API 引入了新的约束。适应这些约束是新开发者今天面临的主要技术障碍。

Service Workers

• Manifest V2：后台脚本持续运行；可以轻松在全局变量中保存状态。
• Manifest V3：Service Worker 是 短暂的。它在事件触发时（如点击或网页请求）启动，事件处理完毕后立即终止。

这打破了许多直观的模式。如果你尝试在后台脚本的全局变量中保存用户的会话令牌，它会在一分钟后消失，用户将被登出。

要在今天成功发布扩展，你必须掌握新的原语：

• Storage API – 使用 chrome.storage.local 作为唯一可信的数据来源，而不是变量。
• Alarms API – 处理计时事件，因为在即将终止的 Service Worker 中 setTimeout 并不可靠。
• Scripting API – 以编程方式注入 CSS 和 JS，而不是一次性声明所有内容。

一旦你理解了这些模式，开发速度会变得非常快。但跨越这道鸿沟正是大多数开发者选择放弃的地方。

“最后 20%”问题

假设你已经弄懂了 Manifest V3 并且构建了一个可以修改网页的酷炫扩展。接下来怎么办？

这就是“80 % 完成”项目走向死亡的地方。“在我的机器上可以运行” 与 “产生被动收入” 之间的鸿沟充斥着枯燥的、非代码类的问题：

• 支付集成 – 由于内容安全策略（Content‑Security‑Policy，CSP）限制，单纯把 Stripe Elements 表单放进弹窗并不能实现功能门控。
• 身份验证 – 如何在没有庞大后端的情况下，将 Stripe 的购买信息安全地同步到用户的浏览器实例。
• 分发 – 编写一个能够真正将流量转化为安装的商店列表页面。
• 法律 – 制作一份满足 Google 审核流程的隐私政策。

这正是我想帮助你克服的具体摩擦点。

介绍：从零到盈利的 Chrome 扩展

我打造了一门专门为那些厌倦了启动项目却从未完成的开发者准备的课程。

这不是一门“学习 JavaScript”的课程。我假设你已经会写代码，了解 fetch 请求的工作原理，以及 async/await 函数的用法。

从零到盈利的 Chrome 扩展 是一个交付系统。我们在 30 天内把一个原始想法强制通过生产流水线。我们不只是写代码；我们在打造一个业务。

我们如何拆除通常阻止你的那堵墙

1. 我们立即消灭范围蔓延

   • 根据 “Micro‑SaaS” 原则验证想法。
   • 寻找可以通过简单的 UI 覆盖层或后台脚本解决的问题。
   • 定义 30‑天范围 —— 如果一个功能两天内无法完成，就直接砍掉。你将学会激进的优先级排序纪律。

2. 我们精通 Manifest V3
   不再猜测或阅读过时的 Stack Overflow 帖子。你将学习正确、现代的模式，包括：

   • 弹出页、内容脚本和 service worker 之间的消息传递。
   • 在没有持久变量的情况下处理异步状态。
   • 将 UI 元素注入第三方站点而不破坏其样式（Shadow DOM 在这里是你的朋友）。

3. 我们实现 “SaaS‑in‑a‑Box” —— 核心价值。我们构建可复用的变现架构：

   • Auth —— 在扩展弹出页内部设置轻量级的身份验证流程。
   • Stripe —— 实现真实的支付网关。你将学习如何监听 webhook 并在数据库中更新用户的 entitlements（权限）。
   • Paywall —— 构建在执行高级功能前检查 if (user.isPro) 的逻辑。

4. 我们专注于发布
   编码只是战斗的一半。我们会覆盖获取首批 100 位用户的战术步骤：

   • 为 Chrome Web Store 列表进行 SEO 优化。
   • 制作能转化的截图。
   • 在 Google 审核流程中规避被拒。
   • 为讨厌营销的开发者提供可复制的营销计划。

为什么这对你有效

你的画像非常明确：你可能已经有一份不错的薪水（$60 k–$120 k+），但却缺乏所有权感。你为老板构建功能，而这些功能如果赚到数百万，你仍然只拿同样的工资。

你想要杠杆效应。你想把时间与金钱脱钩。

但你也会受到冒名顶替综合症的困扰。你看到 Twitter 上的独立黑客们发布 $10 k MRR（每月经常性收入），会想他们到底掌握了什么秘密。

秘密在于： 他们的代码并不比你写得更好。事实上，他们的代码往往很乱。区别在于他们克服了营销、支付和分发的“不适感”，完成了那最后的 “20%”。

这门课程充当你的责任伙伴和技术路线图。它消除了导致拖延的模糊感。当你确切知道如何实现 Stripe 时，你就不会再拖延。当你拥有隐私政策的模板时，你也不必害怕去写。

Source: …

目标：90 天内实现每月 $500 / 收入

我并不是在承诺你一夜之间成为百万富翁。如果你在寻找“快速致富”方案，请另觅他处。

本课程的目标是帮助你实现 每月 $500 – $2 000 的半被动收入。

为什么是这个数额？因为每月 $500 能覆盖一次车贷或一次杂货账单。这可以验证你有能力凭空创造价值。

一旦你突破了在线赚到第一美元的心理障碍，一切都会改变。你不再寻找“完美”的点子，而是开始交付产品。

准备好把你的 Chrome 扩展想法变成盈利产品了吗？

立即加入 Zero to Profitable Chrome Extension，获取路线图、模板以及社区支持，帮助你跨越 “最后 20%”，开始赚钱。

# Shift Your Mindset

See yourself not just as a "coder," but as a product owner.

可复用性的力量

最佳部分？一旦你构建了一个扩展，就可以构建十个。
我们在本课程中教授的架构是可复用的——你正在构建一个用于交付产品的工厂。

停止研究。开始发布。

你可能已经花了数百小时观看教程，并且收藏夹里满是关于创业的“稍后阅读”文章。

没有执行的知识只是娱乐。

如果你准备好最终清理那个 GitHub 墓地，并将真正的、产生收入的产品推向世界，我邀请你加入我们。

从零到盈利的 Chrome 扩展：30 天内发布并实现变现

让我们构建一些真正可以发布的东西。

准备好深入了解了吗？

报名参加《从零到盈利的 Chrome 扩展：30 天内发布并实现变现》 →