In this video you'll learn how to use Tailwind CSS with Shopify. Shopify CLI install instructions: shopify.dev/do... Tailwind CSS CLI install instructions: tailwindcss.co...
Hey Robby, just wanted to give you some appreciation. As a developer that has several years of experience in corporate America working with CMS platforms as well as typical React/Next frameworks, your videos have been essential in transitioning to working with Liquid and Shopify. You've given me the ability to see a pathway out of the corporate America and building my platform to support my entrepreneurship. Thanks for making these excellent videos!
Will you make the full series on creating shopify theme with tailwindcss, which is has full popular pages that's used in real life ecommerce website projects? Excited to see that type of series or courses
Let's say you're working with the Dawn theme, customising it with Tailwind, and then an update comes out. How do you keep up with all the changes as all the liquid files are updated? I am looking forward to trying Tailwind, but I think it will take a lot of time to update a theme compared to SCSS and BEM classes for example. Of course the classes will also be deleted from the liquid file, but at least the styles will be preserved. Any tips for me?
Do you know how to integrate it with another theme like dawn? To avoid conflicts I used a prefix for the tailwind classes. They have conflicting boilerplate code. But it would be nice to not need a prefix and have it play nice with Dawn.
you need to extend tailwind with Dawn breakpoints inside the tailwind config file. The breakpoints are located in the base.css just make the md and lg breakpoints match.
Hey Robby! Nice RUclips! Does your channel get you a lot of Shopify clients? A lot of people want to learn CSS, but I've been contacted more by business owners who are looking for Shopify websites than from scratch websites using Vue, React, Taliwindcss, etc. What has your experience been like in terms of getting clients who want to setup stores?
It is urgent. Tailwind works, the problem is when we are 2 developers on this. How can we figure it out? Because what classes i use, the 2nd developer can only use those as well, and vice-versa.
Hey Robby, just wanted to give you some appreciation. As a developer that has several years of experience in corporate America working with CMS platforms as well as typical React/Next frameworks, your videos have been essential in transitioning to working with Liquid and Shopify. You've given me the ability to see a pathway out of the corporate America and building my platform to support my entrepreneurship. Thanks for making these excellent videos!
No nonsense, on point instructions. Thanks.
To the point and concise video. You are one the best shopify theme development tutorial provider❤❤❤❤❤
probably the best up to date Shopify tutorials that currently exist... well done!
Hey Robby I really enjoy watching the tutorials that you make on Shopify.Keep up the good work. One of your fan from South Asia:)
Best Shopify Content on RUclips sooo far ! 🎉
Will you make the full series on creating shopify theme with tailwindcss, which is has full popular pages that's used in real life ecommerce website projects? Excited to see that type of series or courses
Good job!
Hi Robby.
What keeb is that? Sounds great.
Amazing work Robby.
Do you have any plan to make a full fledge Shopify store with headless ?
Hello, can you make a video on Shopify theme dev roadmap and where to learn it step-by-step?
+1
Wow great tuto @codingwithRobby. How do you handle if the theme you use, ie Dawn, needs to be upgraded ?
Sweet, thanks Robby
I really like your vidoes and Can you also create video for how to add vue js in shopify and how to change any colection filters in shopify.
Let's say you're working with the Dawn theme, customising it with Tailwind, and then an update comes out. How do you keep up with all the changes as all the liquid files are updated?
I am looking forward to trying Tailwind, but I think it will take a lot of time to update a theme compared to SCSS and BEM classes for example. Of course the classes will also be deleted from the liquid file, but at least the styles will be preserved. Any tips for me?
Thanks Robby! keep it up ❤❤
Nice mate! Thanks !!
Thank you very much!
Awesome - thanks! How would I use this to style product pages that already have a template?
Do you know how to integrate it with another theme like dawn? To avoid conflicts I used a prefix for the tailwind classes. They have conflicting boilerplate code. But it would be nice to not need a prefix and have it play nice with Dawn.
I’ve set up Tailwind to work with default Dawn theme but realize that breakpoints are not working. Any ideas on the fix?
you need to extend tailwind with Dawn breakpoints inside the tailwind config file. The breakpoints are located in the base.css just make the md and lg breakpoints match.
Hey Robby! Nice RUclips! Does your channel get you a lot of Shopify clients? A lot of people want to learn CSS, but I've been contacted more by business owners who are looking for Shopify websites than from scratch websites using Vue, React, Taliwindcss, etc.
What has your experience been like in terms of getting clients who want to setup stores?
if you create a custom theme from scratch using tailwindcss are you able to edit the theme using the Shopify Theme Editor?
Nah, Shopify won’t compile the tailwind for you unfortunately.
Sir, shopify theme dev is not working..what to do?😢
Can you make video for metafields to show and hide for existing section files like displaying existing section when metafields exists. Thanks.
Can you make tutorial on multi discount tier progress bar for shopify??
for some reason my tailwind utility classes arent working
helpful :)
It is urgent. Tailwind works, the problem is when we are 2 developers on this. How can we figure it out? Because what classes i use, the 2nd developer can only use those as well, and vice-versa.
You should use git and share a codebase
Subs DONE!
very nice turial!