+
+
+
+
+Combine Medusa's modules for your commerce backend with the newest Next.js 14 features for a performant storefront.
+ + + +### Prerequisites + +To use the [Next.js Starter Template](https://medusajs.com/nextjs-commerce/), 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 Next.js Starter is built with: + +- [Next.js](https://nextjs.org/) +- [Tailwind CSS](https://tailwindcss.com/) +- [Typescript](https://www.typescriptlang.org/) +- [Medusa](https://medusajs.com/) + +Features include: + +- Full ecommerce support: + - Product Detail Page + - Product Overview Page + - Search with Algolia / MeiliSearch + - Product Collections + - Cart + - Checkout with PayPal and Stripe + - User Accounts + - Order Details +- Full Next.js 14 support: + - App Router + - Next fetching/caching + - Server Components + - Server Actions + - Streaming + - Static Pre-Rendering + + +# Quickstart + +### Setting up the environment variables + +Navigate into your projects directory and get your environment variables ready: + +```shell +cd nextjs-starter-medusa/ +mv .env.template .env.local +``` + +### Install dependencies + +Use Yarn to install all dependencies. + +```shell +yarn +``` + +### Start developing + +You are now ready to start up your project. + +```shell +yarn dev +``` + +### Open the code and start customizing + +Your site is now running at http://localhost:8000! + +# Payment integrations + +By default this starter supports the following payment integrations + +- [Stripe](https://stripe.com/) +- [Paypal](https://www.paypal.com/) + +To enable the integrations you need to add the following to your `.env.local` file: + +```shell +NEXT_PUBLIC_STRIPE_KEY=+ The page you tried to access does not exist. +
++ View and update your shipping addresses, you can add as many as you + like. Saving your addresses will make them available during checkout. +
++ View your previous orders and their status. You can also create + returns or exchanges for your orders if needed. +
++ View and update your profile information, including your name, email, + and phone number. You can also update your billing address, or change + your password. +
++ The cart you tried to access does not exist. Clear your cookies and try + again. +
++ The page you tried to access does not exist. +
++ The page you tried to access does not exist. +
+ +
+ 
+ 
+