LogoA Template
icon of Astro-commerce

Astro-commerce

Astro-commerce is an ecommerce template for small businesses, showcasing audio devices but adaptable to any product type.

Introduction

Astro-commerce

An ecommerce template designed for small businesses. While the current template features an audio device store, its structure is versatile and can be adapted to showcase various product types.

šŸš€ Project Structure

The project adheres to the atomic design methodology, promoting modularity and reusability.

Key directories and files:

ā”œā”€ā”€ public/
│   ā”œā”€ā”€ assets/  # All images used.
│   └── favicon.svg
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ components/
│   │   └── atoms
│   │   ā”œā”€ā”€ molecules
│   │   ā”œā”€ā”€ organisms
│   ā”œā”€ā”€ design-system/
│   ā”œā”€ā”€ layouts/
│   ā”œā”€ā”€ pages/
│   └── utils/
└── package.json
šŸ§ž Commands

All commands are executed from the project root in the terminal:

CommandAction
npm installInstalls project dependencies
npm run devStarts the local development server
npm run buildBuilds the production-ready site
npm run previewLocally previews the production build
npm run astro ...Executes Astro CLI commands
npm run astro -- --helpDisplays help information for the Astro CLI
A template
Copy badages awards

Newsletter For A Template

Join the Community For A Template

Subscribe to A Template newsletter for the latest news and updates