mcpField
G
gatsby-ecommerce-netlify

gatsby-ecommerce-netlify

github.com/rebyteai-template开发1754 次安装19 周前更新
代码仓库

关于 gatsby-ecommerce-netlify

供开发者搭建电商网站的 Gatsby 起始模板，采用 Styled Components，并提供安装、本地开发、构建及部署到 Netlify 的说明。

主要功能

  1. 01Gatsby 店铺起始模板
  2. 02使用 Styled Components 样式
  3. 03基于 npm 安装
  4. 04本地开发命令
  5. 05构建与 Netlify 部署说明

适用场景

  1. 01启动 Gatsby 电商网站
  2. 02在本地开发店铺页面
  3. 03构建并部署网站到 Netlify

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill gatsby-ecommerce-netlify

安装后在 Claude Code 中输入/gatsby-ecommerce-netlify确认已加载。

详细介绍

Gatsby 电商（Netlify）

一个使用样式化组件的电商入门模板。

技术栈

  • 框架：Gatsby
  • 样式：Styled Components
  • 包管理器：npm

设置

1. 克隆模板
git clone --depth 1 https://github.com/netlify-templates/gatsby-ecommerce-theme.git .

如果目录不为空：

git clone --depth 1 https://github.com/netlify-templates/gatsby-ecommerce-theme.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录（可选）
rm -rf .git
git init
3. 安装依赖项
npm install

构建

npm run build

部署到 Netlify

netlify deploy --prod

开发

npm run develop

评论

支持 Markdown