gatsby-ecommerce-netlify
Gatsby e-commerce starter with styled components for Netlify.
When & Why to Use This Skill
This Claude skill provides a high-performance Gatsby e-commerce starter template, pre-configured with Styled Components and optimized for Netlify deployment. It serves as a robust boilerplate for developers to jumpstart the creation of fast, SEO-friendly online stores, offering a modern React-based architecture with streamlined CI/CD workflows.
Use Cases
- Rapid Scaffolding: Quickly initialize a production-ready e-commerce project structure with Gatsby and React, reducing setup time from hours to minutes.
- Headless Commerce Development: Build a highly customizable and scalable frontend for online retail using modular Styled Components.
- Automated Deployment: Leverage Netlify's infrastructure for seamless continuous integration and global content delivery of static web stores.
| name | gatsby-ecommerce-netlify |
|---|---|
| description | Gatsby e-commerce starter with styled components for Netlify. |
Gatsby E-commerce (Netlify)
An e-commerce starter with styled components.
Tech Stack
- Framework: Gatsby
- Styling: Styled Components
- Package Manager: npm
Setup
1. Clone the Template
git clone --depth 1 https://github.com/netlify-templates/gatsby-ecommerce-theme.git .
If the directory is not empty:
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. Remove Git History (Optional)
rm -rf .git
git init
3. Install Dependencies
npm install
Build
npm run build
Deploy to Netlify
netlify deploy --prod
Development
npm run develop