Це відео не доступне.
Перепрошуємо.

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

Поділитися
Вставка
  • Опубліковано 29 сер 2023
  • 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/Llo...
    Important link
    ===========
    Medusa Setup
    docs.medusajs....
    Medusa NextJS Template
    medusajs.com/n...
    My website
    www.thefullsta...
    PROMOS
    =======
    Hostinger 10% discount affiliate link
    www.hostinger....
    For even more discounts use code at checkout:
    FULLSTACKJUNKIE
    ________________________________________________________________
    Music track: Inspiring People by Aylex
    Source: freetouse.com/...
    No Copyright Music (Free Download)
    Music track: Viajes by tubebackr
    Source: freetouse.com/...
    Royalty Free Background Music
    ________________________________________________________________
    Video and content editor :
    Point Design: pointdesign.me/

КОМЕНТАРІ • 98

  • @rogrossm
    @rogrossm 8 місяців тому +11

    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!

  • @chukwudiofoma6665
    @chukwudiofoma6665 11 місяців тому +32

    Could you do a video on deployment?

    • @billthedill1268
      @billthedill1268 5 місяців тому

      Dido

    • @rpals5412
      @rpals5412 4 місяці тому +1

      I used this deployment guide: ua-cam.com/video/pP84utXQgxg/v-deo.htmlsi=v6uViazAawB7Ybj3
      Was very easy to follow, but is limited only to one hosting provider. haven't had any issue so far.

    • @DroisKargva
      @DroisKargva 3 місяці тому +1

      @@rpals5412 Thanks!

  • @sohansangwan4403
    @sohansangwan4403 2 місяці тому +1

    Nice step by step explanation. Awesome video for beginners for building ecommerce websites and backends using Medusa and Next.js starter template. Thank you so much !

  • @billthedill1268
    @billthedill1268 5 місяців тому +3

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

  • @DanMalm71X
    @DanMalm71X 9 місяців тому +4

    Love to see more about medusa from you

  • @AnthonyCandaele
    @AnthonyCandaele 11 місяців тому +5

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

  • @CriptoPoeta
    @CriptoPoeta 10 місяців тому +1

    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!

  • @altermode
    @altermode 3 місяці тому +1

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

  • @rjtdas
    @rjtdas 11 місяців тому +7

    Please add more tutorial about customising things and deployment

  • @resteaelias
    @resteaelias 19 днів тому +1

    Great video, thank you man!

  • @aravindan1309
    @aravindan1309 21 день тому +1

    Nice guide for beginners. Thanks John

  • @DanielRLuke
    @DanielRLuke 11 місяців тому +8

    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
      @mosaabdev 10 місяців тому +1

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

  • @memosales6985
    @memosales6985 4 місяці тому +1

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

  • @volkanbozkurt7373
    @volkanbozkurt7373 11 днів тому

    if you get stuck in "command not found: docker-compose" around 9:35 when enterin the command "docker-compose up --build -d" , the command replaced by "docker compose" without
    dash.

  • @youssefrabei1937
    @youssefrabei1937 21 день тому +1

    can you make a new short video of how to deploy this webapp

  • @G00rds
    @G00rds Місяць тому +1

    Very nice video thank you! would love a follow up!

  • @PartneredBrands
    @PartneredBrands Місяць тому

    Hi. Great video thanks so much for sharing your ideas! Can you tell me what dropshipping like zendrop or usadrop integrates seamlessly with medusa?

  • @shaunxenonkhan7511
    @shaunxenonkhan7511 6 місяців тому

    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!

  • @chokkiongchan467
    @chokkiongchan467 7 місяців тому +2

    Could you do a video on deployment to DigitalOcean?

  • @user-cg5ui6lv8v
    @user-cg5ui6lv8v 7 місяців тому +1

    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?

  • @SarpsTours
    @SarpsTours 4 місяці тому +1

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

  • @GeorgiiKerzman
    @GeorgiiKerzman 3 дні тому +1

    I have followed each step carefully , but once the app is running , the message on the page is localhost refused to connect (ERR_CONNECTION_REFUSED), I've tried so many times but stuck on this , maybe someone could help?

    • @the_full_stack_junkie
      @the_full_stack_junkie  3 дні тому

      Did you follow the same version installation as well? If you want to follow along with the video please ensure you are using the same version (can check in the github package.json)
      Else please refer to the current live docs Medusa is a growing software. So things do tend to change as it improves.

    • @GeorgiiKerzman
      @GeorgiiKerzman 3 дні тому

      @@the_full_stack_junkie I've tried the both ways : 1.Follow up to the repo of yours and git pull from the master branch , install all the dependencies and connect to db. 2.As per guide in the video following the steps including the recommendations from the official medusa docs. Unfortunately none worked for me.

  • @lovrozagar3729
    @lovrozagar3729 10 місяців тому +2

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

  • @chosenfewrecords
    @chosenfewrecords 6 місяців тому +1

    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
      @karimmaamari4981 6 місяців тому +1

      I am having the same issue

    • @karimmaamari4981
      @karimmaamari4981 6 місяців тому

      did you find any solutions?

    • @chosenfewrecords
      @chosenfewrecords 6 місяців тому

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

    • @erics1337
      @erics1337 3 місяці тому +1

      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?

  • @junaidalam7371
    @junaidalam7371 11 місяців тому +3

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

  • @muadpn
    @muadpn 8 місяців тому +1

    really good video, please do more about medusa

  • @obloo
    @obloo 5 місяців тому

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

  • @praveen_javali
    @praveen_javali 11 місяців тому +1

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

  • @DanielRLuke
    @DanielRLuke 11 місяців тому +6

    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
      @the_full_stack_junkie  11 місяців тому +3

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

    • @DanielRLuke
      @DanielRLuke 11 місяців тому

      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
      @Houseofstartup 11 місяців тому +3

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

    • @the_full_stack_junkie
      @the_full_stack_junkie  11 місяців тому +2

      @@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
      @DanielRLuke 11 місяців тому

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

  • @LucasRichards-ld3hc
    @LucasRichards-ld3hc 6 місяців тому

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

  • @InterimCyphinx
    @InterimCyphinx 3 місяці тому

    Im facing issues connecting it to supabase postgres...please help somebody

  • @devadathanp.r3098
    @devadathanp.r3098 9 місяців тому +1

    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
      @user-cg5ui6lv8v 7 місяців тому +1

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

  • @rpfelgueiras
    @rpfelgueiras 7 місяців тому +2

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

    • @MrLumatic
      @MrLumatic 5 місяців тому +3

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

  • @transcendenceuniverse4816
    @transcendenceuniverse4816 7 місяців тому

    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?

  • @maltesyt
    @maltesyt 7 місяців тому +1

    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
      @user-cg5ui6lv8v 7 місяців тому

      did you ever get solution for this?

    • @BrunoSilva-vw4uo
      @BrunoSilva-vw4uo 2 місяці тому

      @@user-cg5ui6lv8v you need to specify on your docker file that you want to persist the data. Because when the container had stopped, it won't persist the previous data that you've created. But the following example of the video is doing it

  • @talhaamirali3786
    @talhaamirali3786 9 місяців тому

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

  • @Sirvolta
    @Sirvolta 6 місяців тому

    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
      @MrLumatic 5 місяців тому

      .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.

  • @akramswelm6196
    @akramswelm6196 11 місяців тому +1

    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
      @the_full_stack_junkie  11 місяців тому +2

      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
      @akramswelm6196 11 місяців тому

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

    • @yacapon
      @yacapon 11 місяців тому

      Same issue. Did you solve it?

    • @ealaniss
      @ealaniss 11 місяців тому +1

      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
      @the_full_stack_junkie  11 місяців тому +2

      @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✌

  • @gosnooky
    @gosnooky 7 місяців тому

    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
      @the_full_stack_junkie  7 місяців тому +1

      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
      @MagicTheKrakening 7 місяців тому

      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.

  • @raymondmayito3397
    @raymondmayito3397 7 місяців тому

    thank you sir

  • @rajayogan8884
    @rajayogan8884 11 місяців тому +1

    Great content as always.. Thanks :)

  • @fobtac
    @fobtac 9 місяців тому

    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
      @jmariwyatt 9 місяців тому +1

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

  • @burnnLY
    @burnnLY 11 місяців тому +1

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

    • @the_full_stack_junkie
      @the_full_stack_junkie  11 місяців тому +5

      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
      @amra-dev 8 місяців тому +3

      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!

  • @SarpsTours
    @SarpsTours 4 місяці тому

    What can Medusajs do that Magento can't do?

    • @saggygnaw
      @saggygnaw 15 годин тому

      Firstly, you’re not tied into Adobe’s ecosystem. Lastly, you’re not tied into Adobe’s ecosystem.

  • @sakosa8784
    @sakosa8784 5 місяців тому +1

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

    • @the_full_stack_junkie
      @the_full_stack_junkie  5 місяців тому

      Sure am ✌🏻🇿🇦

    • @sakosa8784
      @sakosa8784 5 місяців тому +1

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

    • @the_full_stack_junkie
      @the_full_stack_junkie  5 місяців тому

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

    • @saggygnaw
      @saggygnaw 15 годин тому

      Ha I knew the accent within the first 30 seconds, but I’ve been working remotely with ZA folks for over a decade now so it’s second nature by now.

    • @saggygnaw
      @saggygnaw 15 годин тому

      @@the_full_stack_junkiehowzit? I was about to ask if you’ve been to any braais lately but then remembered it’s winter there.

  • @alekseistukalov8270
    @alekseistukalov8270 10 місяців тому +2

    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
      @dawidspamer5312 8 місяців тому +1

      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!

  • @rafalmo6777
    @rafalmo6777 11 місяців тому +1

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