NuxtVueE-commerce

nuxthub-ecommerce — Nuxt Ecommerce Template

By ratracegrad

A NuxtHub-based ecommerce starter template that uses NuxtUI Pro to build the interface and provides backend data support through a Cloudflare database.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

Uses NuxtHub Database, written as Cloudflare R1 in the README

Interface based on NuxtUI Pro

Supports light and dark mode

Uses TypeScript and Eslint

Tech stack is Nuxt v4, NuxtHub, and NuxtUI Pro

Provides a db:seed seed script in server/tasks

Template Details

This is a NuxtHub starter template for demonstrating ecommerce store functionality with a backend database. The README states that its features include NuxtHub Database using Cloudflare R1, a NuxtUI Pro interface, light and dark mode, TypeScript, and Eslint; the tech stack is Nuxt v4, NuxtHub, and NuxtUI Pro.

Before use, you need to clone the repository, install dependencies, and run the development command, while copying .env.example to .env and filling in NUXT_HUB_PROJECT_KEY and NUXT_UI_PRO_LICENSE. The database needs to be populated with sample product data through the db:seed task in Nuxt DevTools. For deployment, the README provides the npx nuxthub deploy command and notes that you can refer to the Cloudflare Pages CI deployment method.

The README does not provide explanations of specific features such as product management, shopping cart, checkout, payment, orders, or user authentication, nor does it state the template's production readiness.

NuxtEcommerce

Is it right for your project?

Use Cases

As a starter project for learning how NuxtHub Database integrates with an ecommerce backend
To set up a local ecommerce demo environment with sample product data
To deploy to a Cloudflare account through NuxtHub
As a starting point for building a store interface based on NuxtUI Pro

Suitable For

Developers who want to understand the structure of a NuxtHub ecommerce template
Frontend developers using Nuxt v4 and NuxtUI Pro
People who need an ecommerce demo project with a database seed script

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
After cloning the repository, install dependencies using pnpm install or a similar package manager
2
Copy .env.example to .env and fill in NUXT_HUB_PROJECT_KEY and NUXT_UI_PRO_LICENSE
3
Run pnpm dev to start the development server
4
Run the db:seed task in Nuxt DevTools Tasks to populate sample product data
5
You can deploy using npx nuxthub deploy, or refer to the NuxtHub documentation to learn about the Cloudflare Pages CI deployment method

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.

Must comply with when using

You are allowed to use, modify, commercialize, and distribute the code of this version for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete 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

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.
The interface uses NuxtUI Pro, and you need to obtain a NuxtUI Pro license yourself; the free code does not include a license for this paid UI library.
The tech stack depends on NuxtUI Pro, which is a paid component library, and a separate license must be purchased before use.
Running requires configuring NUXT_HUB_PROJECT_KEY, meaning a NuxtHub project key is required.
Running requires configuring NUXT_UI_PRO_LICENSE, meaning a NuxtUI Pro license key is required.
Deploying to a Cloudflare account requires using the NuxtHub service, which may involve account and fees for that hosting service.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

- NuxtUI Pro for the UI
Original README

- NuxtUI Pro
Original README

NUXT_HUB_PROJECT_KEY=<YOUR_KEY_HERE>
Original README

NUXT_UI_PRO_LICENSE=<YOUR_KEY_HERE>
Original README

You can deploy this project on your Cloudflare account for free and with zero configuration using [NuxtHub](https://hub.nuxt.com).
Original README

https://github.com/ratracegrad/nuxthub-ecommerce/blob/main/LICENSE https://github.com/ratracegrad/nuxthub-ecommerce/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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 · 77 / 100
Technologies: Nuxt · Vue
Website type: E-commerce

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: 2025-08-25
Screenshot last checked: 2026-10-13

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 Nuxt 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.

Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16

Inspect the recorded source material

SHA-256: 4f6b78f55446d9df88728cfffd9aca10e1b1c6538ab2298d7d50ae16dd599cce

2026-10-13T08:50:34.379Z

Source file / repository

# NuxtHub eCommerce Starter Template

This starter template is a NuxtHub template that demonstrates the functionality of an eCommerce store with a backend database.

## Demo Video

Watch the demo video here: (be sure to turn on volume)

https://github.com/user-attachments/assets/4992d551-1ac3-413e-9ddc-ddba5d8c66e6

## Features

- NuxtHub Database using Cloudflare R1
- NuxtUI Pro for the UI
- Light and Dark mode
- Typescript
- Eslint

## Stack

- Nuxt v4
- NuxtHub
- NuxtUI Pro

## Setup

1. Clone this repository to your local machine.
2. Install dependencies using the command `pnpm install` or your favorite package manager.
3. Run the application with the command `pnpm dev` or your favorite package manager.

> If you don't have pnpm installed, run: `corepack enable pnpm`

## Environment Variables

Copy the `.env.example` file to `.env` and fill in the values.

NUXT_HUB_PROJECT_KEY=<YOUR_KEY_HERE>

NUXT_UI_PRO_LICENSE=<YOUR_KEY_HERE>

## Development

```bash
pnpm dev
```

## Seeding the database

To get your store up and running, you need to seed the database with some products.

I have included a seed script in the `server/tasks` folder.

To run the seed task, start your dev server and open the Nuxt DevTools. Go to Tasks and you will see the `db:seed` task ready to run. This will add the seed data to your database and give you products to work with.

## Deploy

You can deploy this project on your Cloudflare account for free and with zero configuration using [NuxtHub](https://hub.nuxt.com).

```bash
npx nuxthub deploy
```

It's also possible to leverage Cloudflare Pages CI for deploying, learn more about the different options on https://hub.nuxt.com/docs/getting-started/deploy

Learn more about remote storage on https://hub.nuxt.com/docs/getting-started/remote-storage

## Contribution

Contributions are welcome! Feel free to open an issue to report a bug or submit a feature request via a pull request.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

nitrogen

Nitrogen is a Nuxt-based Shopify headless e-commerce template inspired by the Hydrogen starter theme.

Nuxt · E-commerce

nuxt-starter-prismic-farbe

A 3D eCommerce website starter template from prismicio-community, built on Nuxt and Vue with Prismic for content management, TresJS for 3D scenes, GSAP for animations, Stripe for payments, and Tailwind CSS for styling.

Nuxt · E-commerce

thunder

Thunder is a Nuxt 3-based headless e-commerce frontend template under active development. It uses a layered architecture that separates types, API, SDK, and template, and adopts a BFF pattern so the default mock API layer can be replaced with any e-commerce backend.

Nuxt · E-commerce

payment-gateway-starter-web

A Nuxt 4 + Nuxt UI frontend for the payment-gateway-starter Spring Boot API, providing a customer storefront with catalog, cookie-based cart, Google (Firebase) login, checkout, and payment pages for virtual accounts, QRIS, e-wallets, and retail outlets, plus an admin dashboard for revenue…

Nuxt · Admin dashboard

ecommerce-template

A Nuxt and Vue-based coffee roaster e-commerce template with product filtering by type and roast level, variant options for size, grind and quantity, subscription discount pricing, a cart drawer and cart page with quantity controls and a free-shipping progress bar, and a…

Nuxt · E-commerce

tema-alinhavo

Alinhavo is a women's fashion e-commerce theme for E-Com Plus Cloud Commerce, built on Astro and Vue as a category variant of the official ecomplus/store starter template.

Astro · E-commerce