E-commerce Website with Medusa + Next.js : A Beginner's Guide

Medusa is an open-source e-commerce platform that is perfect for developers who want to create a custom e-commerce solution.
In this video, we will install Medusa and set up a development environment. I will show you around the dashboard and the documentation. I will also give you some tips on how to use them to get the most out of Medusa. The Medusa admin panel is a great place to manage your Medusa e-commerce website. It allows you to create products, manage customers, and track orders.
The Next.js backend template is a great way to get started with Next.js for Medusa. It includes all the necessary files and configurations that you need to start building your Medusa e-commerce website.
In this video, I will show you how to:
- Setup PostgreSQL DB
- Setup Medusa Backend & Admin panel
- Log in to the Medusa admin panel
- Run through the dashboard
- Review the documentation
- Setup Next.js Starter Template Storefront
GitHub Link
=========
github.com/LloydJanseVanRensb...
Important link
===========
Medusa Setup
docs.medusajs.com/create-medu...
Medusa NextJS Template
medusajs.com/nextjs-commerce/
My website
www.thefullstackjunkie.com
PROMOS
=======
Hostinger 10% discount affiliate link
www.hostinger.com/fullstackju...
For even more discounts use code at checkout:
FULLSTACKJUNKIE
________________________________________________________________
Music track: Inspiring People by Aylex
Source: freetouse.com/music
No Copyright Music (Free Download)
Music track: Viajes by tubebackr
Source: freetouse.com/music
Royalty Free Background Music
________________________________________________________________
Video and content editor :
Point Design: pointdesign.me/

[@billthedill1268]

Great tutorial and free. I would totally pay for a longer course or tutorial

[@CriptoPoeta]

Man this is insane bruv!! Medusa will lair them all sire! Thank you for the content, now off to scaffold this beaut. Saludo fraterno desde Ecuador a Sudáfrica compañero! Nuevo subscriptor! Más contenido sobre Medusa el mundo tiene que saber de esto!

[@AnthonyCandaele]

Thanks a lot for this video on Medusa.js. I hope many more will follow 👍

[@DanMalm71X]

Love to see more about medusa from you

[@rogrossm]

Thank you for this fantastic tutorial! I followed through carefully and now I have a running medusa storefront ... although the starter template design I got is much simpler than yours (i.e., no images or colors). Probably they changed the design a bit in the 3 months since you published this video. A follow-up video showing how to really set this up so it's ready for deployment and production would be fantastic!

[@obloo]

Wow, that is what i was looking for. Thank you

[@altermode]

Good in depth summary and walk thru. Thanks! Keep it up. Maybe go thru and build the marketplace recipe! 👍

[@shaunxenonkhan7511]

Thank you ever so much! I wish I could smash the like button over and over! LOL Seriously though, one of the most beneficial dev guide's I've ever had the pleasure of using!

[@muadpn]

really good video, please do more about medusa

[@VinayKumarSupervisor]

Please add more tutorial about customising things and deployment

[@LucasRichards-ld3hc]

The video was great! Thank you. Did you do another one for deployment, payment, and delivery plugin setup?

[@memosales6985]

Very useful video. Thanks a lot! I would love to see how you can set up the storefront

[@praveen_javali]

Thank you very much, Very informative and educative , well explained .

[@the_full_stack_junkie]

Glad it was helpful!

[@chukwudiofoma6665]

Could you do a video on deployment?

[@billthedill1268]

Dido

[@rpals5412]

I used this deployment guide: kzbin.info/www/bejne/poGbZaiqjbaarsksi=v6uViazAawB7Ybj3 Was very easy to follow, but is limited only to one hosting provider. haven't had any issue so far.

[@DroisKargva]

@@rpals5412 Thanks!

[@chokkiongchan467]

Could you do a video on deployment to DigitalOcean?

[@SarpsTours]

can you do a video where you switch medusajs to production on a valid domain name with SSL?

[@raymondmayito3397]

thank you sir

[@transcendenceuniverse4816]

nice video, but i cant progress cuz i cant install docker, i keep getting error "Docker Desktop - WSL update", is there any video that arent using docker?

[@lovrozagar3729]

Please expand on this project or maybe the nextjs-commerce acme store with medusa.js. Love the content

[@talhaamirali3786]

how can we change the branding of the admin dashboard branding,icons on login page?

[@rajayogan8884]

Great content as always.. Thanks :)

[@the_full_stack_junkie]

You are welcome and thanks for comment.

[@DanielRLuke]

Well, after quite some time, I was finally able to get it all up and running, backend, and storefront. What a feeling of utter triumph. I would kindly ask if you might be able to provide some guidance as to how to deploy? That would make the tutorial complete.

[@mosaabdev]

I think Medusa showing how to deploy your Backend or your storefront in their docs.

[@SarpsTours]

What can Medusajs do that Magento can't do?

[@rpfelgueiras]

Thank you so much for the video!! It is amazing. Do you know if Medusa supports multi-tenant? Thanks a lot :)

[@MrLumatic]

It does, it's described as Marketplace in the Recipes section of docs

[@junaidalam7371]

Kindly guide us how to deploy it on vercel using its PostgreSQL.

[@alekseistukalov8270]

such an indian way of saying it..

[@Sirvolta]

Thanks so much for the tutorial. I was able to get a local version running rather quickly, but keep running into weird things with deployment. It seems to be an issue with the .env not being recognized, but non of the documentation seems to help. If you could do a quick video or guide on deployment it would be amazing!

[@MrLumatic]

.env file is rather an option, for convenient development. On the server you should set your envs either directly in the system or use some kind of secret manager, like GCP Secret Manager.

[@fobtac]

thanks so much for the guide! i've watched probably 10 times now haha. the issue i'm having now, the storefront seemed to be setting my default region to EU, which i am not operating in (my products were showing euros in their prices). when i removed EU from regions in the admin panel, my storefront is now not showing any of my products. it seems to be acting like i am viewing from EU (and products are not available), when i am actually viewing from the US. i keep getting error at the line: if (regionId !== region.id) {setRegion(region.id, finalCountryCode)}. i can't figure out where in the src code it lists my available regions. thank you for all of your help thus far!

[@jmariwyatt]

i keep running into the same issue. I hope i can find the fix. Ill push to branch.

[@devadathanp.r3098]

Couldn't connect to PostgreSQL using the database URL you passed. Make sure it's correct and try again. I have verified that the container is up and running

[@user-cg5ui6lv8v]

I had the same issue, I tried removing the user & even tried connecting using dbeaver, it still did not work

[@burnnLY]

why would u bother doing this with docker and not directly posgresql? pls explain?

[@the_full_stack_junkie]

Wel then I dont need to install postgres on my machine I can setup any database or other service like redis etc directly in the docker-compose file. And it is easy then to share with anyone or deploy anywhere using docker.

[@amra-dev]

Hey there! Docker is a lifesaver for us devs. It's like a clean, organized box for our apps. When I use Docker for databases, it keeps my machine clutter-free, makes testing a breeze, and ensures everyone's on the same page with our setups. Makes development a whole lot smoother!

[@maltesyt]

Everything worked for me. However, after a few days I wanted to access the admin dashboard again but the localhost won't load. "ERR_CONNECTION_REFUSED" Ho can I view the admin dashboard or the storefront?

[@user-cg5ui6lv8v]

did you ever get solution for this?

[@akramswelm6196]

Couldn't connect to PostgreSQL using the database URL you passed. Make sure it's correct and try again. ... it's shown in the first command you wrote to build new medusa aoo

[@the_full_stack_junkie]

Are you running PostgreSQL locally or with the docker container? Please make sure that your Postgres is actually running then the link should work fine

[@akramswelm6196]

@@the_full_stack_junkie docker desktop shows me docker stopped working / and I already downladed postgresql and pg admin but message still shown

[@yacapon]

Same issue. Did you solve it?

[@ealaniss]

Hey @the_full_stack_junkie, I'm running in a Docker container and I'm encountering an error: 'Couldn't connect to PostgreSQL using the database URL you passed.' Any advice? Btw, your video is awesome! Thanks a lot!

[@the_full_stack_junkie]

@ealaniss glad to hear you like video. So first i would make sure the container is up and running with no issues. And make sure the password, username, and db name you use in the connection string is a match to docker-compose ENV values. You could also use pgadmin or db connection tool to check if you can connect to db without any issues. Then the rest of the setup video should work fine✌

[@DanielRLuke]

The Medusa JS docs leave out crucial steps about how to get everything up and running. I had a nightmare of a time trying to get it to work, and ultimately failed after several hours.

[@the_full_stack_junkie]

Sorry to hear you feel that way hopefully this video will help you get going.

[@DanielRLuke]

Well, I'm sure a lot of the people attracted to watch this video know fully what you're trying to explain. Admittedly, I'm a bit in over my head, but man, would I love to figure out a way to avoid having to pay Shopify a hefty fee every month for my ignorance. I also want to do something I'm not sure you can do on Shopify which is to build a two-sided market. I'll just end by saying that teaching people how to code is harder than coding itself. @@the_full_stack_junkie

[@Houseofstartup]

Yeah i also hate their docs. They complicate too much things.

[@the_full_stack_junkie]

@@Houseofstartup i think their docs is quite amazing. If you understand how complicated this product is then the docs is actually pretty good. A lot of reading in deed, but the docs has just been improving everytime.

[@DanielRLuke]

@@the_full_stack_junkie I followed them, exactly, My installation failed.

[@gosnooky]

Seems OK on the surface, but like any "one size fits all" solution, it can't beat a custom e-commerce solution. People re-invent wheels because all the other wheels don't do what they need or come with a bunch of built-in features that you don't need. The API is also awkward - their API's (SDK and REST response objects) all use snake_case, which is not proper JS/TS convention that uses camelCase. It makes object destructuring awkward and doesn't jive with our linting rules. Another issue is Postres - we use MariaDB (MySQL) and to use Medusa, we would have to change our AWS RDS instance to PG or create a second instance just for PG, costing is twice as much.

[@the_full_stack_junkie]

There is the ability to add your own complete logic and still have access to all the underlying APIs you can create your own new tables and it has all the architectural part needed to get you off the ground running. And that is the point of something like medusa. It is a lot better than using Shopify if you need some customization etc. Re-inventing the wheel is never a good idea. Might feel better because you have the map you built and don’t have to learn a new map. For linting it is very easy to just setup for you custom part of the code anyways. And the API are pretty good and still improving. If you understand all the logic Medusa handles you will find the API not that bad.

[@MagicTheKrakening]

is medusa able to scale with demand? I'm currently tinkering around with it locally but have come to the conclusion that it's a bit finicky to use in its current state. The omnichannel module seems pointless in its current state and without it, I don't really see how so many are comparing this to shopify.

[@sakosa8784]

Ay bro are you from South Africa? Im.not sure but i can sorta hear an sA accent

[@the_full_stack_junkie]

Sure am ✌🏻🇿🇦

[@sakosa8784]

@@the_full_stack_junkie ayyy lekker lekker, sorry for asking man just wondered haha, nice vid bro

[@the_full_stack_junkie]

@sakosa8784 no need to be sorry at all ✌🏻👍🏻 thanks for reaching out

[@rafalmo6777]

I'll try that tutorial, it's nice.

[@the_full_stack_junkie]

Thanks champ

[@chosenfewrecords]

Hey, nice tutorial. I have issues with seeding the data, it keeps spinning but no further installations are happening, ✔ Created project directory ✔ Installed Dependencies ✔ Project Built ✔ Ran Migrations ✔ Created admin user ⠴ Seeding database..

[@karimmaamari4981]

I am having the same issue

[@karimmaamari4981]

did you find any solutions?

[@chosenfewrecords]

@@karimmaamari4981 nah not at all it's not seeding the data, tried it like 10 times

[@erics1337]

create-medusa-app is stuck at seeding database part for me too. The user authentication page where you can assign a password to the email the setup prompted for does not show, preventing login. Can someone help?

[@user-cg5ui6lv8v]

Hi @@the_full_stack_junkie How can we get the .env.template & the docker-compose.yml that has the stuff you have, also how does your docker work without throwing error because there is no .env file when you started?

[@alekseistukalov8270]

I am getting an error "Couldn't connect to PostgreSQL using the database URL you passed." after "pnpm dlx create-medusa-app@latest --seed --db-url postgres://admin:password@localhost:5432/my_db" command.. Docker is running a container. Maybe I need to do something before running the npm command on Windows?

[@dawidspamer5312]

Try this instead: npx create-medusa-app@latest --seed --db-url 'postgres://admin:p@ssw0rd!@localhost:5432/medusa_db' I explain further up in the comments why wrapping in Single Quotes is likely the issue - Good Luck!