mcpField
G
gatsby-ecommerce-netlify

gatsby-ecommerce-netlify

github.com/rebyteai-template開発1754 回インストール19 週間前に更新
リポジトリ

gatsby-ecommerce-netlify について

開発者がストアフロントを構築するための Gatsby のスターターテンプレートです。Styled Components を採用し、セットアップ、ローカル開発、ビルド、Netlify へのデプロイ手順を示します。

主な機能

  1. 01Gatsby ストアフロントスターター
  2. 02Styled Components によるスタイル設定
  3. 03npm によるセットアップ
  4. 04ローカル開発コマンド
  5. 05ビルドと Netlify デプロイの手順

活用シーン

  1. 01Gatsby の EC サイトの開始
  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 Eコマース（Netlify）

スタイル付きコンポーネントを使用したEコマースのスターターです。

技術スタック

  • フレームワーク：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 対応