Frontend built with Next.js App Router and TypeScript
Next.jsReactE-commerceStarter
scalev-storefront-starter — Next.js Ecommerce Template
By ramadhanidiwanda-alt
A Next.js and Scalev Storefront API e-commerce storefront starter template that includes product, cart, checkout, and order tracking pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Uses Tailwind CSS and shadcn/ui for UI components
Fetches product and order data via the Scalev Storefront API
Includes product, cart, checkout, and order tracking pages
Provides customer login and registration
Comes with environment variable examples and documentation on installation, security, and more
Template Details
This is an e-commerce storefront starter template. The frontend is built with Next.js (App Router) and TypeScript, styled with Tailwind CSS, with UI components from shadcn/ui and state management via Zustand. Data for products, cart, checkout, and order tracking is fetched through the Scalev Storefront API, so you need to set up your own Scalev account, Store ID, and Storefront API Key to run it.
The template covers product browsing, cart, checkout flow, order tracking, and customer login and registration. The repository provides an environment variable example file, install and start commands, and documentation including an installation guide, quick start, security, and contribution notes.
Usage limitations: the code is under the MIT license, allowing free use, modification, commercial use, and distribution, provided copyright and license notices are retained. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses. External services such as domain, hosting, database, or payment may incur additional fees. The template itself does not include a backend implementation; business data depends on the Scalev service.
Next.jsReactE-commerceStarter
Is it right for your project?
Use Cases
- Stores that need to quickly set up a Scalev e-commerce frontend
- Those who already have a Scalev account and want to replace their existing storefront frontend
- For learning how to integrate Next.js App Router with an external e-commerce API
Suitable For
- Merchants or developers using Scalev as an e-commerce backend
- Frontend developers familiar with Next.js and TypeScript
- Teams needing freely modifiable MIT-licensed e-commerce frontend code
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requires Node.js 18 or later
- 2
Need to register a Scalev account and obtain a Store ID and Storefront API Key
- 3
Copy .env.example to .env.local and fill in the above credentials
- 4
Run npm install to install dependencies, npm run dev to start the development server
- 5
When deploying to Vercel or other platforms, configure the same environment variables
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are allowed.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Running the template requires registering a Scalev account, which is an external service dependency; account registration may involve terms of service and fees.
- You must obtain the Scalev Store ID and Storefront API Key yourself to connect data; without credentials, it cannot be used normally.
- The Scalev Storefront API Key must be configured in environment variables; the key is provided by an external service.
- Product, cart, checkout, and order data depend on the Scalev Storefront API; the template does not include a backend implementation and relies on this external service.
- Core e-commerce capabilities are provided by the third-party Scalev API, and use is subject to its terms of service and possible fees.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional fees.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Scalev account ([Sign up](https://dashboard.scalev.com))
Original README
Store ID and Storefront API Key
Original README
NEXT_PUBLIC_SCALEV_STOREFRONT_API_KEY=your_api_key
Original README
Powered by [Scalev Storefront API v3](https://scalev.com)
Original README
https://github.com/ramadhanidiwanda-alt/scalev-storefront-starter/blob/main/LICENSEhttps://github.com/ramadhanidiwanda-alt/scalev-storefront-starter/blob/main/README.md- [Scalev](https://scalev.com) - E-commerce API
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Next.js · React
- Website type
- E-commerce · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-05-29
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 30622e602e229285c6ec90ea92bee44c2a4a7a8a7ccc1ed3f373943212092a60
2026-10-01T01:31:39.497Z
Source file / repository# 🛍️ Scalev Storefront Starter [](LICENSE) [](https://nextjs.org/) [](https://www.typescriptlang.org/) [](https://tailwindcss.com/) Production-ready e-commerce storefront template built with Next.js 16, TypeScript, Tailwind CSS 4, and shadcn/ui. Powered by [Scalev Storefront API v3](https://scalev.com). ## ✨ Features - 🛒 **Complete E-commerce**: Products, Cart, Checkout, Order Tracking - 🎨 **Modern UI**: Meta/Facebook Blue theme with shadcn/ui components - 🔐 **Authentication**: Customer login & registration - 📦 **Order Management**: Real-time order tracking - 🚀 **Performance**: Next.js 16 with Turbopack - 📱 **Responsive**: Mobile-first design - 🎯 **Type-safe**: Full TypeScript support - 🔒 **Secure**: Environment-based configuration ## 🚀 Quick Start ### Prerequisites - Node.js 18+ - Scalev account ([Sign up](https://dashboard.scalev.com)) - Store ID and Storefront API Key ### Installation ```bash # Clone repository git clone https://github.com/YOUR_USERNAME/scalev-storefront-starter.git cd scalev-storefront-starter # Install dependencies npm install # Setup environment cp .env.example .env.local # Add your Scalev credentials to .env.local # NEXT_PUBLIC_SCALEV_STORE_ID=your_store_id # NEXT_PUBLIC_SCALEV_STOREFRONT_API_KEY=your_api_key # Run development server npm run dev ``` Open [http://localhost:3000](http://localhost:3000) ## 📖 Documentation - [Setup Guide](SETUP_GUIDE.md) - Detailed setup instructions - [Quick Start](QUICK_START.md) - Get started in 5 minutes - [Security](SECURITY.md) - Security best practices - [Contributing](CONTRIBUTING.md) - How to contribute ## 🏗️ Tech Stack - **Framework**: Next.js 16 (App Router) - **Language**: TypeScript 5 - **Styling**: Tailwind CSS 4 - **UI Components**: shadcn/ui - **State Management**: Zustand - **API**: Scalev Storefront API v3 - **Fonts**: Rubik, Nunito Sans ## 📁 Project Structure ``` scalev-storefront-starter/ ├── src/ │ ├── app/ # Next.js app router pages │ ├── components/ # React components │ ├── lib/ │ │ ├── api/ # Scalev API client │ │ └── stores/ # Zustand stores │ └── styles/ # Global styles ├── .env.example # Environment template ├── .env.local # Your credentials (gitignored) └── ... ``` ## 🔐 Environment Variables Required variables in `.env.local`: ```bash NEXT_PUBLIC_SCALEV_API_BASE=https://api.scalev.com NEXT_PUBLIC_SCALEV_STORE_ID=your_store_id NEXT_PUBLIC_SCALEV_STOREFRONT_API_KEY=your_api_key NEXT_PUBLIC_SITE_URL=http://localhost:3000 NEXT_PUBLIC_SITE_NAME=Your Store Name ``` ## 🚢 Deployment ### Vercel (Recommended) 1. Push to GitHub 2. Import project in Vercel 3. Add environment variables 4. Deploy ### Other Platforms ```bash npm run build npm start ``` ## 🤝 Contributing Contributions welcome! Please read [CONTRIBUTING.md](CONTRIBUTING.md) first. ## 📄 License MIT License - see [LICENSE](LICENSE) file ## 🙏 Acknowledgments - [Scalev](https://scalev.com) - E-commerce API - [shadcn/ui](https://ui.shadcn.com) - UI components - [Vercel](https://vercel.com) - Hosting platform ## 📞 Support - 📖 [Scalev Documentation](https://docs.scalev.com) - 💬 [GitHub Issues](https://github.com/YOUR_USERNAME/scalev-storefront-starter/issues) - 📧 [Scalev Support](https://scalev.com/support) --- **Made with ❤️ for the Scalev community**
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS