Combine Medusa's modules for your commerce backend with the newest Nuxt v3, ready for v4, features for a performant storefront.
To use the Nuxt Starter Template, you should have a Medusa server running locally on port 9000. For a quick setup, run:
npx create-medusa-app@latestCheck out create-medusa-app docs for more details and troubleshooting.
The Medusa Nuxt Starter is built with:
Features include:
- Full ecommerce support:
- Product Detail Page
- Product Overview Page
- Product Collections
- Cart: in progress
- Checkout with Stripe: in progress
- User Accounts: in progress
- Order Details: in progress
- Full Nuxt support:
- App Router
- Nuxt fetching/caching
- Server Components
- Static Pre-Rendering
- NuxtHub (Cloudflare deployment)
- NuxtUi
Navigate into your projects directory and get your environment variables ready:
cd nuxt-starter-medusa/
mv .env.template .env.localUse Pnpm to install all dependencies.
pnpm installYou are now ready to start up your project.
pnpm run devYour site is now running at http://localhost:3000!
By default this starter supports the following payment integrations
To enable the integrations you need to add the following to your .env.local file:
NUXT_PUBLIC_STRIPE_KEY=<your-stripe-public-key>You'll also need to setup the integrations in your Medusa server. See the Medusa documentation for more information on how to configure Stripe.