Nuxt, Medusa, TailwindCSS Crash Course

Hello There!
In this video, I am building a simple e-commerce website with Nuxt 3 and connect easily to Medusa Commerce by using the module that I have created. For styling I am using TailwindCSS and for image transformations I am using the Image module with default IPX. Finally, I have deployed the app to Vercel just to see how it works in production.
Enjoy!
My module - github.com/Baroshem/nuxt-medusa
Code repository - github.com/Baroshem/nuxt-medu...
Deployed app - nuxt-medusa-tailwind.vercel.app/
Article - dev.to/jacobandrewsky/nuxt-me...
#javascript #programming #developer #nuxtjs #image #optimization #opensource #tailwindcss #css #typescript #community #opensource #vuejs #nodejs #nuxtjs #typescript #medusa
-------------------------------------------------------------------------------------------------
Twitter - / jacobandrewsky
Blog - dev.to/jacobandrewsky
Linkedin - / jakub-andrzejewski
Github - github.com/Baroshem
Timestamps:
0:00 Intro
0:27 Technology Stack
1:32 Coding Nuxt app and adding modules
5:00 Get data from Medusa
8:20 Create homepage and product list
11:00 Image optimisations
12:50 NuxtLink
14:10 Product Page
19:00 Deploy to Vercel

[@codewithguillaume]

This is exactly what I needed Jakub! Thanks for my friend!

[@renends7615]

This module is amazing, the community thanks you. Thank you very much!

[@jacobandrewsky]

Glad you like it!

[@codesuit]

What was the first thing I saw? Yes, the cats in the background 😁 Thank you for the module, bro. 👍

[@jacobandrewsky]

😁

[@b1-66er.]

You are our hero. Thank you very much.

[@jacobandrewsky]

Thank you! 💚

[@lvltech]

awesome what i was searching, i will start to play and develop, keep the hard working

[@jacobandrewsky]

Awesome! If you have any recommendations on what can be added to the module to make your work easier, please let me know :)

[@lordbyron228]

Thank you for this module

[@jacobandrewsky]

I am glad you liked it!

[@bowaller6892]

Hey Jacob can you create a full course with Medusa and nuxt from scratch to understand all the concept.

[@jacobandrewsky]

Hey Buddy, I can add it to the roadmap (I was quite busy recently) but I just published a new vidoe on my YT channel where I explained how to build Nuxt modules with an example of Nuxt Medusa :)

[@SR-zi1pw]

War going on background

[@jacobandrewsky]

Yeah, my cats really like to fight :D

[@dexterjohnchavez7015]

nice module. can you continue this project putting addtocart and payment stuff ? thankyou

[@jacobandrewsky]

Hey, I have been thinking about that but I realised that I prefer to add the functionalities that arenuxt specific (like giving access to SDK, handling server operations) while for other cases such as add to cart just write documentation that should help handling that :)

[@lvltech]

also the repo on description is wrong is nuxt-tailwind-medusa

[@jacobandrewsky]

Hey, why do you think it is wrong? It points to the deployed application. And there should also be a link to the module repository :)

[@lvltech]

@@jacobandrewsky hi, the link to the github repo dont work so i search por another repo like the same and was that nuxt-tailwind-medusa

[@jacobandrewsky]

@@lvltech Ahh I just noticed that the repository was private. Thanks for catching that out!

[@nihilidron]

Great module. I'm having error though, when running in ssr mode: '[nuxt] [request error] [unhandled] [500] Cannot find module './lib/axios' '

[@jacobandrewsky]

Hey, could you please create an issue in the module repository? IT will be easier to keep track of it :) github.com/Baroshem/nuxt-medusa

[@therosestudio]

Hi @jacobandrewsky, I'm having this error too