https://github.com/olivierbelaud/nuxt-starter-medusa
A performant frontend ecommerce starter template with Nuxt 3 and Medusa V2.
https://github.com/olivierbelaud/nuxt-starter-medusa
ecommerce medusa nuxt nuxthub nuxtui-v3 storefront tailwindcss typescript
Last synced: 2 months ago
JSON representation
A performant frontend ecommerce starter template with Nuxt 3 and Medusa V2.
- Host: GitHub
- URL: https://github.com/olivierbelaud/nuxt-starter-medusa
- Owner: OlivierBelaud
- License: mit
- Created: 2025-02-06T14:30:26.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T16:13:21.000Z (7 months ago)
- Last Synced: 2025-04-02T23:14:27.952Z (6 months ago)
- Topics: ecommerce, medusa, nuxt, nuxthub, nuxtui-v3, storefront, tailwindcss, typescript
- Language: Vue
- Homepage: https://nuxt-starter-medusa.pages.dev
- Size: 619 KB
- Stars: 37
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Medusa Nuxt Starter Template
Combine Medusa's modules for your commerce backend with the newest Nuxt v3, ready for v4, features for a performant storefront.
### Prerequisites
To use the [Nuxt Starter Template](https://nuxt-medusa.pages.dev), you should have a Medusa server running locally on port 9000.
For a quick setup, run:
```shell
npx create-medusa-app@latest
```
Check out [create-medusa-app docs](https://docs.medusajs.com/create-medusa-app) for more details and troubleshooting.
# Overview
The Medusa Nuxt Starter is built with:
- [Nuxt v3, ready for v4](https://nextjs.org/)
- [Tailwind CSS v4](https://tailwindcss.com/)
- [Typescript](https://www.typescriptlang.org/)
- [Medusa v2](https://medusajs.com/)
Features include:
- Full ecommerce support:
- Product Detail Page
- Product Overview Page
- Product Collections
- Cart
- Checkout
- Stripe Integration
- User Accounts: in progress
- Order Details
- Full Nuxt support:
- App Router
- Nuxt fetching/caching
- NuxtHub (Cloudflare deployment)
- NuxtUi
# Quickstart
### Setting up the environment variables
Navigate into your projects directory and get your environment variables ready:
```shell
cd nuxt-starter-medusa/
mv .env.template .env.local
```
### Install dependencies
Use Pnpm to install all dependencies.
```shell
pnpm install
```
### Start developing
You are now ready to start up your project.
```shell
pnpm run dev
```
### Open the code and start customizing
Your site is now running at http://localhost:3000!
# Payment integrations
By default this starter supports the following payment integrations
- [Stripe](https://stripe.com/)
To enable the integrations you need to add the following to your `.env.local` file:
```shell
NUXT_PUBLIC_STRIPE_KEY=
```
You'll also need to setup the integrations in your Medusa server. See the [Medusa documentation](https://docs.medusajs.com) for more information on how to configure [Stripe](https://docs.medusajs.com/resources/commerce-modules/payment/payment-provider/stripe#main).
# Resources
## Learn more about Medusa
- [Website](https://www.medusajs.com/)
- [GitHub](https://github.com/medusajs)
- [Documentation](https://docs.medusajs.com/)
## Learn more about Nuxt
- [Website](https://nuxt.com/)
- [GitHub](https://github.com/nuxt/nuxt)
- [Documentation](https://nuxt.com/docs/getting-started/introduction)