即刻App年轻人的同好社区
下载
置顶我开发了一个出海全栈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小时左右获得源码访问权限。
这套教程叫做「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小时左右获得源码访问权限。
183 1341
信息差——独立开发者出海周刊第22期：gapis.money
- Flux Pro: 在线 AI 图像和视频生成平台，支持 AI 图像生成、视频生成、LoRA 图像生成器和图片转视频等功能。 fluxproweb.com
- 美国顶尖高校分布地图: 交互式地图展示美国大学分布，帮助留学生和海外人士了解美国高校地理分布。 university-ranking-map.netlify.app
- MemFree: 利用 AI 快速生成生产级 UI 组件和页面，支持实时预览、AI 内容搜索等功能。 github.com
- vue-fabric-editor: 基于 fabric.js 和 Vue 的开源图片编辑器，支持自定义字体、素材和设计模板。 github.com
本期完整内容请查看周刊原文：gapis.money
投稿入口：github.com
- Flux Pro: 在线 AI 图像和视频生成平台，支持 AI 图像生成、视频生成、LoRA 图像生成器和图片转视频等功能。 fluxproweb.com
- 美国顶尖高校分布地图: 交互式地图展示美国大学分布，帮助留学生和海外人士了解美国高校地理分布。 university-ranking-map.netlify.app
- MemFree: 利用 AI 快速生成生产级 UI 组件和页面，支持实时预览、AI 内容搜索等功能。 github.com
- vue-fabric-editor: 基于 fabric.js 和 Vue 的开源图片编辑器，支持自定义字体、素材和设计模板。 github.com
本期完整内容请查看周刊原文：gapis.money
投稿入口：github.com
7 04
被reddit封了3个号，我终于把第4个号养到1000 karma。
这一次养号分3个阶段，你们可以参考下：
第一阶段：前10天，不发内容也不评论，只看帖子
第二阶段：开始在r/karnaassist发帖子和评论，攒几个karma
第三阶段：在r/aww和r/clouds发帖子，这两个subreddit发帖没有karma限制，而且用户很愿意点赞，很适合新手。我大部分karma是在r/clouds获得的，其中火烧云、晚霞效果非常好。
我现在是reddit日活用户了，上面的分享和讨论质量很高，而且看得多可以了解到海外用户写帖子、提问题的表达方式，也算是在了解海外市场和文化了。
这一次养号分3个阶段，你们可以参考下：
第一阶段：前10天，不发内容也不评论，只看帖子
第二阶段：开始在r/karnaassist发帖子和评论，攒几个karma
第三阶段：在r/aww和r/clouds发帖子，这两个subreddit发帖没有karma限制，而且用户很愿意点赞，很适合新手。我大部分karma是在r/clouds获得的，其中火烧云、晚霞效果非常好。
我现在是reddit日活用户了，上面的分享和讨论质量很高，而且看得多可以了解到海外用户写帖子、提问题的表达方式，也算是在了解海外市场和文化了。
25 86
前端学起来很复杂，一半是因为工具多，一半是因为工具喜欢破坏性更新😅
中午补充了专栏里Shadcn/ui新版cli的用法。之前没在意更新cli这件事，因为这种更新一般会兼容旧版的使用，至少会给个过渡期。Shadcn是真干脆，直接废弃了旧cli。
中午补充了专栏里Shadcn/ui新版cli的用法。之前没在意更新cli这件事，因为这种更新一般会兼容旧版的使用，至少会给个过渡期。Shadcn是真干脆，直接废弃了旧cli。
16 10
信息差——独立开发者出海周刊第21期：gapis.money
- AI-Youtube-Shorts-Generator：利用GPT-4、FFmpeg和OpenCV自动分析视频并提取有趣片段的工具 github.com
- EasyVideoTrans：开源的AI视频翻译配音工具 github.com
- Next.js Self Hosting Example：使用Docker将Next.js、Postgres和Nginx部署到VPS的示例 github.com
- 宝玉老师出品的「不偷懒的科技文章翻译GPTs」： chatgpt.com
本期完整内容请查看周刊原文：gapis.money
投稿入口：github.com
- AI-Youtube-Shorts-Generator：利用GPT-4、FFmpeg和OpenCV自动分析视频并提取有趣片段的工具 github.com
- EasyVideoTrans：开源的AI视频翻译配音工具 github.com
- Next.js Self Hosting Example：使用Docker将Next.js、Postgres和Nginx部署到VPS的示例 github.com
- 宝玉老师出品的「不偷懒的科技文章翻译GPTs」： chatgpt.com
本期完整内容请查看周刊原文：gapis.money
投稿入口：github.com
8 15
Supabase 提供了一个文档 bot 解决方案
🛠️ 主要特性：
• 完全可自定义的界面
• 实时流式响应
• 与现有网站无缝集成
🔧 技术栈：
• Supabase：数据库 & 边缘函数
• OpenAI：生成嵌入和完成任务
• GitHub Actions：自动化文档处理
🔍 如何使用：
1️⃣ 准备你的 Supabase 数据库
2️⃣ 使用提供的 GitHub Action 自动摄取你的文档
3️⃣ 添加自定义搜索界面到你的网站
🔗 详细介绍和集成指导：supabase.com
🛠️ 主要特性：
• 完全可自定义的界面
• 实时流式响应
• 与现有网站无缝集成
🔧 技术栈：
• Supabase：数据库 & 边缘函数
• OpenAI：生成嵌入和完成任务
• GitHub Actions：自动化文档处理
🔍 如何使用：
1️⃣ 准备你的 Supabase 数据库
2️⃣ 使用提供的 GitHub Action 自动摄取你的文档
3️⃣ 添加自定义搜索界面到你的网站
🔗 详细介绍和集成指导：supabase.com
6 01
「Chrome插件全栈开发教程」发布两周，分享一些数据：
1、一共有65读者和35启发量，比我发布教程前的预期要好
2、两个源码仓库分别有13和14个stars
3、GitHub显示还有5个人被邀请了但是还没加入仓库。为了防止有人买了吃灰，今天在群里提醒了一下。
4、过去两周有6个人主动提问或者反馈问题，符合我心中理想的模式：「教程+源码+售后答疑=为最终的学习成果买单」
等发布满一个月，我要发个问卷征集学习情况，然后再push一下大家，至少要100%不吃灰😅。
1、一共有65读者和35启发量，比我发布教程前的预期要好
2、两个源码仓库分别有13和14个stars
3、GitHub显示还有5个人被邀请了但是还没加入仓库。为了防止有人买了吃灰，今天在群里提醒了一下。
4、过去两周有6个人主动提问或者反馈问题，符合我心中理想的模式：「教程+源码+售后答疑=为最终的学习成果买单」
等发布满一个月，我要发个问卷征集学习情况，然后再push一下大家，至少要100%不吃灰😅。
10 21
Next.js中文文档(nextjscn.org)的 mdx 组件和官方文档完全对齐了，如果独立封装一下是不是可以商业化了？有了解文档类产品商业化的即友吗？
12 01