模块化区块 — 像拼乐高积木一样搭建出海独立站
Loomix 独立站首页全量建立在 Strapi 5 Dynamic Zones 机制之上；非技术背景的运营人员亦可自由拖拽重组各业务功能板块，无需编写任何代码。
什么是模块化区块 (Modular Block)？
拥有清晰数据模型契约的自包含独立 UI 组件。可随心所欲在任何页面间自由复用、拖拽重排。
- 1. 运营人员通过拖拽可视化积木区块编排页面结构。
- 2. Strapi CMS 将 Dynamic Zones 动态数据安全落盘于 PostgreSQL。
- 3. 任何内容变动均会即刻触发面向 Next.js 的缓存刷新 Webhook。
- 4. Next.js 16 BlockRenderer 动态挂载对应的 React 服务端组件。
- 5. 全球买家享受满分 Lighthouse 100/100 极速首屏直出体验。
从 Strapi 内容后台到前台展示的端到端生命周期
在 Strapi 中按需选择组件视觉风格
若需更换任一组件的展示风格，可在 Strapi 的 Storefront Management 面板中一键切换。
- 1. 1. 运营人员在 Strapi 中新增一个功能区块（如推荐商品橱窗）。
- 2. 2. Strapi 自动向 Next.js 独立站下发增量静态再生 (On-Demand Revalidation) Webhook 信号。
- 3. 3. Next.js 16 BlockRenderer 瞬间完成组件装配并向全球访问者极速直出。
开箱即用官方区块展示画廊
查阅全部经过工业级调优的内置组件库，支持直观的视觉样式切换与动态预览。
首屏主视觉巨幕 (Hero Banner)
抓住买家目光的黄金三秒：震撼的广告大图、直击痛点的广告标语与醒目的购买按钮。
- 拟定主标题、宣传口号与限时优惠利益点。
- 设定主要 CTA 转化按钮与辅助引导外链的目标路径。
全屏模式
爆款单品沉浸式展台 (Product Showcase)
深度剖析主推王牌单品，融合全方位技术参数图文并茂强力促单。
- 挑选最适宜的呈现形态（大图轮播、参数网格或 3D 浮雕卡片）。
- 填入商品在 Medusa 体系中的唯一产品识别码。
运营专家贴士：
在正式发布前，您可以在演示控制台直观预览样式的渲染质感。
视觉风格 (Style)：
全屏模式
横向滑动瀑布流橱窗 (Scroll Products)
平滑无阻尼横向轨道，是展示当季爆款、闪电特惠或热销新品的绝佳载体。
- 设定滚动画布的平滑滑动速率与行进朝向。
- 选定希望向买家重点推荐的商品特定分类集合。
视觉风格 (Style)：
全屏模式
出海品质背书与服务勋章 (Features)
以极简现代图标直观彰显'全球特快直邮'、'30天无理由退换'与'正品保障'。
- 在预设的 3 种现代卡片质感流派中自如挑选。
- 为每条服务承诺撰写专属标题、副标题并挑选契合的 Lucide 矢量图标。
- 适配品牌主调的背景底色与微渐变边框描边效果。
视觉风格 (Style)：
全屏模式
类目磁贴探索方阵 (Categories Grid)
以现代卡片矩阵或圆幅构图呈现全店核心品类，大幅削减用户探索路径。
- 挑选希望在首页置顶主推的核心商品类目。
视觉风格 (Style)：
全屏模式
品牌官方动态与博客集锦 (Recent Blog Posts)
展示最新行业长文与选购指南，增强买家停留时长并持续沉淀 SEO 权重。
- 指定前台陈列的最新资讯文章篇数（通常为 3 到 4 篇）。
视觉风格 (Style)：
全屏模式
下一步探索：全局品牌设置
深入了解如何在 Strapi 中一键调整全站调性色彩、Logo 与品牌规范。