How to Create an Ecommerce Store with Next.js and Medusa

As the Medusa server is headless, our starters serve as a good foundation for you to get coupled with a frontend in a matter of minutes.

Open the terminal and use the following command to create an instance of your storefront:

Now you have a storefront codebase that is ready to be used with your Medusa server.

By default, the storefront is linked to the server at the URL localhost:9000. If you need to change that, create the file .env in the root of your Next.js starter and add a new variable:

By default, the storefront runs at localhost:8000and the backend uses that URL to avoid CORS errors. If you need to change the URL or port, in .env file in the root of your Medusa Server add the following new variable:

To start your store, first, you need to run the Medusa server. In the directory that holds your Medusa server run the following:

Then, in the directory that holds your Next.js storefront, run the following command:

Hooking up your headless ecommerce server with the storefront is very easy using Medusa! You can now have your entire server up and running with the products, cart, and checkout functionalities.

Related posts:

Ivander termengun dalam lamunannya diatas balkon dengan minuman jus orange cantik tertuang dalam gelas yang selalu dirawat oleh pembantu di dalam rumah dengan gaya retro klasik itu. Secarik kertas…

Everyone has their favorite view of the city skyline. Find is an app where users can share their favorite views around the world of mountains, oceans, cityscapes, sunsets, and anything else!

Hi! Everyone welcome to my new and latest Medium story. In today’s story, I’m going to talk about Vocal Media. I register on Vocal Media in OCT 2021 and am also a Vocal Plus member too. But on Vocal…