View Demo | Download | More Templates | Discord Community | Support Forum
Originally a premium product priced at $119+, made available for free in January 2025! 🎉
Looking for a perfect codebase generator for your Startup? Try Flatlogic AI Web App Generator - our new tool, sort of a template++.
- Ex-Premium: This template was previously paid. Enjoy it for free now. 😉
- Fully Functional Store: Includes product pages, categories, and user authentication.
- Join the Community: Flatlogic Discord is where the action happens.
- Free Node.js Backend: Pair it up with ecommerce react backend to go full-stack.
-
Clone the repo
git clone https://github.com/flatlogic/ecommerce-frontend.git cd ecommerce-frontend -
Select Node 22 LTS and install dependencies
nvm use npm ci
-
Configure the backend
cp .env.example .env.local
Set
API_BASE_URLandNEXT_PUBLIC_API_BASE_URLto the ecommerce API. -
Run the app
npm run dev
Navigate to http://localhost:3000/.
-
Build for production
npm run build npm start
- Product Listing & Filtering
- Server-side Rendering (Next.js)
- SEO Module
- Blog & CMS Integration
- User Authentication (email/password)
- Stripe Integration
- Responsive Layout
- Checkout Page
- React 19 and TypeScript 6
- Next.js 16 App Router
- Bootstrap 5 and Sass
- Redux Toolkit
- Zod-validated Axios API client
- Vitest, Testing Library, and Playwright
- PostgreSQL
- Sequelize ORM
Run npm run verify before submitting changes. Individual checks are available through npm run typecheck, npm run lint, npm run test:coverage, npm run test:e2e, and npm run test:visual.
- Product Listings
- Product Page
- Categories
- Dashboard
- Blog (CMS)
- Checkout
- Login / Registration
- Error Page
| Material | Transparent | Classic | Sofia | Flatlogic | |
|---|---|---|---|---|---|
| React | React Material Admin | Light Blue React | Sing App React | Sofia React | One React |
| Angular | Angular Material Admin | Light Blue Angular | Sing App Angular | - | - |
| Vue | Material Vue | Light Blue Vue | Sing App Vue | - | - |
| Bootstrap | - | Light Blue HTML5 | Sing App HTML5 | - | One Bootstrap |
Additionally, these templates are tailored for specific business needs:
- E-Commerce Frontend (React) - A complete e-commerce solution.
- Bookkeeper UI (React) - Accounting dashboard for finance management.
- User Management Template (React) - User authentication and management.
- Star this repo ⭐ - show some love.
- Report bugs - but be nice.
- Join the Discord - meet fellow devs.
Flatlogic AI Software Engineer builds modern business software so you don't have to. Our AI Software Development Agent helps you generate, deploy, and maintain enterprise applications with minimal effort.
This template is free to use. Modify it, break it, make it your own. Just don’t try to sell it back to us. 😎
Questions or feedback?
Join our Flatlogic Community Discord or visit our support forum. We might even reply!