6CTA 落地页生成器架构解析
一篇详细的构建分享:用 Next.js 16 + AI 实现支持 6 种转化模式的落地页生成器
(未提供) 核心设计是将 action_mode 作为判别联合,通过单表启动、多态渲染和结构化输出,一套后端同时支持 Stripe 支付、COD、日历预约、邮件收集等场景。
Stack:Next.js 16 App Router、Supabase、Stripe + PayPal、OpenAI、Tailwind、Vercel。
作者还讨论了多币种兼容问题及前期应改进的设计选择。
#开发者 #工具
📢 频道:@DevToolboxHub
一篇详细的构建分享:用 Next.js 16 + AI 实现支持 6 种转化模式的落地页生成器
(未提供) 核心设计是将 action_mode 作为判别联合,通过单表启动、多态渲染和结构化输出,一套后端同时支持 Stripe 支付、COD、日历预约、邮件收集等场景。
Stack:Next.js 16 App Router、Supabase、Stripe + PayPal、OpenAI、Tailwind、Vercel。
作者还讨论了多币种兼容问题及前期应改进的设计选择。
#开发者 #工具
📢 频道:@DevToolboxHub
Knock:开源的 API 调试与工作空间工具
Knock 是一个开源的 HTTP 客户端与工作空间工具,可作为 Insomnia、Postman 的替代品。作者因不满现有工具繁琐的授权流程而自建。提供 CLI (`knock`) 与 Tauri 桌面应用 (`Knock`),主要特性包括:
- 支持 JWT 验证、Base64 编解码、典型请求视图
- 工作空间版本化管理,可用 Git 管理项目
- 集成 K8s 工具:管理 Kubeconfig、加载集群 Shell(支持鼠标定位光标)
安装:Linux/macOS 使用单行脚本,Windows 使用 PowerShell,可指定版本。
https://github.com/jairoFernandez/knock
https://dev.to/jairofernandez/knock-a-new-alternative-to-insomnia-postman-and-more-1nf9
#开发者 #工具
📢 频道:@DevToolboxHub
Knock 是一个开源的 HTTP 客户端与工作空间工具,可作为 Insomnia、Postman 的替代品。作者因不满现有工具繁琐的授权流程而自建。提供 CLI (`knock`) 与 Tauri 桌面应用 (`Knock`),主要特性包括:
- 支持 JWT 验证、Base64 编解码、典型请求视图
- 工作空间版本化管理,可用 Git 管理项目
- 集成 K8s 工具:管理 Kubeconfig、加载集群 Shell(支持鼠标定位光标)
安装:Linux/macOS 使用单行脚本,Windows 使用 PowerShell,可指定版本。
https://github.com/jairoFernandez/knock
https://dev.to/jairofernandez/knock-a-new-alternative-to-insomnia-postman-and-more-1nf9
#开发者 #工具
📢 频道:@DevToolboxHub
Gemini API 5/26 默认 Schema 变更预警
Google 将从 2026 年 5 月 26 日起变更 Gemini Interactions API 的默认响应格式,旧字段静默失效,工具调用可能中断。旧 schema 仍可通过 `Api-Revision: 2026-05-07` 头使用至 6 月 8 日。
主要变更点:
- `interaction.outputs` → `interaction.steps`,文本路径变深
- `response_mime_type` 合并到 `response_format.mime_type`
- `image_config` 移出 `generation_config`
- SSE 事件名重命名(如 `content.delta` → `step.delta`)
建议:立即在测试环境添加 `Api-Revision: 2026-05-20` 头或升级 Python ≥2.0.0 / JS ≥2.0.0 SDK ,提前发现断裂点。
https://dev.to/flarecanary/geminis-interactions-api-default-flips-may-26-your-interactionoutputs-reads-will-go-undefined-nb0
#开发者 #工具
📢 频道:@DevToolboxHub
Google 将从 2026 年 5 月 26 日起变更 Gemini Interactions API 的默认响应格式,旧字段静默失效,工具调用可能中断。旧 schema 仍可通过 `Api-Revision: 2026-05-07` 头使用至 6 月 8 日。
主要变更点:
- `interaction.outputs` → `interaction.steps`,文本路径变深
- `response_mime_type` 合并到 `response_format.mime_type`
- `image_config` 移出 `generation_config`
- SSE 事件名重命名(如 `content.delta` → `step.delta`)
建议:立即在测试环境添加 `Api-Revision: 2026-05-20` 头或升级 Python ≥2.0.0 / JS ≥2.0.0 SDK ,提前发现断裂点。
https://dev.to/flarecanary/geminis-interactions-api-default-flips-may-26-your-interactionoutputs-reads-will-go-undefined-nb0
#开发者 #工具
📢 频道:@DevToolboxHub
Plans:用 Markdown 跟踪多项目
AI 让快速构建变容易,但也带来新瓶颈:跟踪多个半成品项目。开发者 Yasiru R 发现自己手头有 5-10 个半成品,状态不清。尝试 Jira、Linear、Notion 均因离开编辑器而放弃。
他构建了一套纯 Markdown 约定“Plans”:三个目录(active/shipped/superseded),每文件 7 字段 frontmatter(含依赖关系),一个静态 HTML 仪表盘(Gantt + 依赖图)。无需服务器,无需登录,AI 助手(Claude Code、Cursor 等)原生读取。MIT 协议开源。
github.com/yrangana/Plans
#开发者 #工具
📢 频道:@DevToolboxHub
AI 让快速构建变容易,但也带来新瓶颈:跟踪多个半成品项目。开发者 Yasiru R 发现自己手头有 5-10 个半成品,状态不清。尝试 Jira、Linear、Notion 均因离开编辑器而放弃。
他构建了一套纯 Markdown 约定“Plans”:三个目录(active/shipped/superseded),每文件 7 字段 frontmatter(含依赖关系),一个静态 HTML 仪表盘(Gantt + 依赖图)。无需服务器,无需登录,AI 助手(Claude Code、Cursor 等)原生读取。MIT 协议开源。
github.com/yrangana/Plans
#开发者 #工具
📢 频道:@DevToolboxHub
用 Gemma 4 搭建本地 AI 学习助手
教程介绍如何基于 Gemma 4 在本地构建一个苏格拉底式学习伙伴,通过 LM Studio 进行推理,Streamlit 提供 Web 界面,全程数据不出本地。
- Gemma 4 是 Google DeepMind 的轻量推理模型,支持多步骤思考,提供 E2B/E4B/26B A4B/31B Dense 四种尺寸,适配 4GB–32GB+ 内存设备
- 设置步骤:在 LM Studio 中搜索 Gemma 4,下载 GGUF 文件(推荐 Q4_K_M),启动本地服务器(端口 1234)并开启 GPU 卸载
- 运行前端:安装 `streamlit` 和 `openai`,执行 `streamlit run app.py` 即可打开聊天界面
- 工具通过 `<|think|>` 令牌引导模型内部推理,以提问替代直接答案;支持生成 Mermaid.js 流程图用于逻辑可视化
原文链接:https://dev.to/gde/build-a-socratic-study-buddy-with-gemma-4-a-beginners-guide-to-running-ai-locally-505a
#开发者 #工具
📢 频道:@DevToolboxHub
教程介绍如何基于 Gemma 4 在本地构建一个苏格拉底式学习伙伴,通过 LM Studio 进行推理,Streamlit 提供 Web 界面,全程数据不出本地。
- Gemma 4 是 Google DeepMind 的轻量推理模型,支持多步骤思考,提供 E2B/E4B/26B A4B/31B Dense 四种尺寸,适配 4GB–32GB+ 内存设备
- 设置步骤:在 LM Studio 中搜索 Gemma 4,下载 GGUF 文件(推荐 Q4_K_M),启动本地服务器(端口 1234)并开启 GPU 卸载
- 运行前端:安装 `streamlit` 和 `openai`,执行 `streamlit run app.py` 即可打开聊天界面
- 工具通过 `<|think|>` 令牌引导模型内部推理,以提问替代直接答案;支持生成 Mermaid.js 流程图用于逻辑可视化
原文链接:https://dev.to/gde/build-a-socratic-study-buddy-with-gemma-4-a-beginners-guide-to-running-ai-locally-505a
#开发者 #工具
📢 频道:@DevToolboxHub