摆脱第三方平台限制通过独立建站打造 Ever Fluorescent 电商网站

相比于使用 Shopify 或 Etsy 等成熟建站工具，自建方案可以摆脱订阅费并掌握完全的控制权，从而提高开发效率。Ever Fluorescent 项目在实现独立建站时，重点解决了后台管理与支付链路这两个核心模块。

在支付核心的选择上，Stripe 凭借友好的 API 文档，让开发者仅需处理好 Webhook 即可完成整个订单状态的同步。

在利用 Cursor 或 Claude 编写后台逻辑时，建议在 Prompt 中明确要求优先使用原生 CSS 或 Tailwind 的基础组件，避免使用复杂的 UI 框架，以减少冗余的侧边栏和配置项，降低维护成本。

后台管理仅保留了库存实时更新、订单状态追踪和基础 SEO 标签编辑这三个核心功能。在处理产品上传时，通过编写简单的 JSON 映射逻辑替代复杂的 CMS，使用 Node.js 处理从旧 Excel 转换过来的 JSON 数据：

const fs = require('fs');
const axios = require('axios');

// 处理从旧 Excel 转换过来的 JSON 数据
async function uploadProducts(jsonData) {
  const products = JSON.parse(jsonData);

  for (let product of products) {
    try {
      const response = await axios.post('https://api.everfluorescent.com/v1/products', {
        name: product.item_name,
        price: product.price_usd,
        description: product.desc,
        stock: product.quantity
      }, {
        headers: { 'Authorization': `Bearer ${process.env.ADMIN_TOKEN}` }
      });
      console.log(`Successfully uploaded: ${product.item_name}`);
    } catch (error) {
      console.error(`Failed to upload ${product.item_name}: ${error.message}`);
    }
  }
}

为了优化产品页 SEO 与加载速度，采取了以下策略：确保 URL 采用 /products/product-name 的语义化结构；对图片进行 WebP 压缩以优化首屏加载时间；确保每个产品页的 Title 和 Description 均为动态生成。