Quickstart: Next.js

Create a new Next.js project using the Medusa starter template

npx create-next-app -e https://github.com/medusajs/nextjs-starter-medusa my-medusa-storefront

Set up environment variables Navigate into your projects directory and get your environment variables ready:

mv .env.template .env.local

Install dependencies Use your favourite package manager to install dependencies:

npm install

Start developing. Start up the local server:

npm run dev

Your site is now running at http://localhost:8000!

Edit src/pages/index.js to see your site update in real-time!

Learn more about Medusa

Learn more about Next.js