我开发了一个出海全栈SaaS工具，还写了一套全栈开发教程。

这套教程叫做「Chrome插件全栈开发实践」，内容包含Chrome插件开发和Next.js全栈开发，获得教程即可同时获得全套源码。

这套教程包含了PH Copilot的完整开发实践。当时开发这个插件的目的之一就是写出海全栈产品开发教程，所以在写教程的时候，我对每一个功能进行code review和代码优化，然后编写开发教程，整个过程花费了3周。

教程和源码包含的主要技术知识：
- Plasmo 开发 Chrome 插件
- Next.js 全栈开发 Web 端与服务端
- AI 对话功能开发
- Firebase 授权和数据库应用（免费）
- Paddle 支付功能集成
教程内容可以点击图片查看目录。

【我想说说这份源码和教程的价值】
教程从实践角度出发，从0开始构建项目、搭建Chrome插件模板、开发功能模块，每一个步骤都单独讲解，可以帮助你渐进式学习。
源码包含Chrome插件端和Next.js端两份代码，其中Next.js端包含落地页和服务端功能，所有核心功能做了模块化设计，你不仅可以获得源码，还能潜移默化学会专业的代码设计方式。

FAQ
【代码和教程遇到不懂的怎么办】微信提供全程答疑服务，教到你学会。

【需要学习多久】如果你每天业余时间都可以用来学习，跟着教程的步骤，你可以在2周内学会全栈出海产品的开发。

【购买后多久可以获得源码】为了防止恶意购买并退款，会在购买后48小时左右获得源码访问权限。

AI产品越来越多，很多icon库更新不及时，就会很麻烦，这时候就可以到Lobe Icons仓库找找：github.com

Lobe Icons已经为我们收集了流行 AI/LLM 模型品牌 SVG 标志和图标。

学到了

有意思，@阿邱比特 用AI开发了一个GitHub总结工具，可以生成你的GitHub总结卡片。
只要把你的GitHub账号地址的.com部分改成.cards就可以生成你的GitHub总结了。
例如：github.com/weijunext ➡️ github.cards/weijunext

追觅你，体现AI同时存在于虚拟与现实中（谷歌，打钱！）

【信息差——独立开发者出海周刊 第 30 期】

原文访问：gapis.money

【开源/工具推荐】

- IconEase：图片资源预览和分类的管理软件，可以同时管理多个项目的图片资源，解决了项目多了之后图片资源不好管理的痛点。github.com

- wechatDataBackup：键导出PC微信聊天记录。github.com

- markitdown：微软发布的工具，可以将微软自家的 Office 文件转成 Markdown 格式。github.com

- bouncyballs：这个网站非常有意思，身边噪音越大，页面上的弹力球弹力越大。网站月访问量超过20万，其中有一半是搜索来源，可以挖掘一下关键词做一个类似的网站。bouncyballs.org

【出海教程/技术教程/资源分享】

- 仅使用彩色字体实现代码高亮：mp.weixin.qq.com

- 宝玉：我日常 AI 辅助编程的模型搭配：baoyu.io

干货很多，请查看周刊原文：gapis.money

欢迎私聊投稿或到Github投稿：github.com

兄弟们，最新版 Chrome Dev Tools 有 AI 功能了。右击任意元素，点击“Ask AI”就能唤起 AI，可以让 AI 帮忙改 HTML 和 CSS。

使用场景：
- 让 AI 修复样式（如：内容没对齐、修改颜色）
- 让 AI 提供优化建议

有没有即友熟悉Mac/PC应用开发？

最近要开新坑，需要客户端的能力，所以准备用Electron，但是看了下文档，太多陌生的概念了😅想问问有没有基础设施比较齐全的开源模板，让我加速一下学习效率。

表演一个「祸不单行」：
1.ChatGPT断网
2.Claude封号

听起来很让人心动