Shopify 谈 Hydrogen 与 Tailwind:构建漂亮店面的完美组合
Shopify 的 Hydrogen 框架已默认内置 Tailwind,运行 npx create-hydrogen-app@latest 即可直接使用,无需额外配置。官方建议用组件化方式组织 Tailwind 工具类,避免像 Bootstrap 那样把类名与组件语义强绑定,从而更易复用。Tailwind 学习曲线较陡,官方推荐配合其文档与 VSCode 扩展上手。
Shopify 的 Hydrogen 框架已默认内置 Tailwind,运行 npx create-hydrogen-app@latest 即可直接使用,无需额外配置。官方建议用组件化方式组织 Tailwind 工具类,避免像 Bootstrap 那样把类名与组件语义强绑定,从而更易复用。Tailwind 学习曲线较陡,官方推荐配合其文档与 VSCode 扩展上手。
Railway 博客已从私有 Notion API 迁移到新发布的 Notion 公开 API,此前因限流导致博客随机停摆。代码库仍保持开源,部署方式改为填入 NOTION_API_TOKEN 和 POSTS_TABLE_ID 两个环境变量,步骤比之前更简单。博客分析工具使用 Fathom。
Railway 提供 Ghost 的一键免费部署,自动配置 MySQL 数据库并运行数据库迁移。Ghost 是开源发布平台,可通过 Stripe 设置订阅变现,官方托管版起价 $9/月。部署时可选填 Cloudinary 和 Mailgun 环境变量,默认捆绑 Casper 和 Lyra 两个主题。
Railway 发布指南,教你用 Notion 的私有 API 作为 NextJS 博客的后端,把文章存在 Notion 表格里,每行一篇文章,包含 Slug、Published、Date、Authors、Image 等字段。搭建完成后可一键部署到 Railway,需配置 BLOG_INDEX_ID 和 NOTION_TOKEN 两个环境变量,未勾选 Published 的文章不会显示。
Vercel 发布 Deploy Button,让开发者把自定义模板变成一键部署链接,用户点击 Deploy 后确认目标与项目名,即可 fork 并部署 Next.js examples 列表中的模板。
Repl.it 推出公开测试版,支持在平台上试用、构建并部署全栈 React 应用,首批支持 Next.js、GatsbyJS 和 Create React App。
Shopify API 新增 Application Proxies 功能,允许应用让店铺页面从外部位置拉取内容,并通过 Liquid 模板引擎渲染后输出,无需 iframe 即可生成动态原生页面。