Install Tailwind CSS with Vite (HTML, JavaScript & Vite - Using PostCSS)

[@tea42]

Those who has trouble showing the result, you may have to change postcss.config.js to .cjs

[@Devtamin]

Thank for sharing. Pls, subscribe

[@arturhonores9141]

Thank you for writing it

[@hozayves]

Wow Thanks for sharing

[@flamebows5814]

Thanks!!

[@atomboyd]

Easy and straight to the point. Love it.

[@Devtamin]

Thank you for a comment

[@GauravSharma-xl3nc]

Thanku, my tailwind css not working for few days i watch many videos but not helpful,and then watch ur video, u are a lifesaver😅😅

[@Devtamin]

Glad it helped

[@mdzeeshan1636]

Straight to the point. Thanks bro, you have saved me multiple times.

[@Devtamin]

Glad it helped!

[@AbdullahWaseem-k8i]

I face a problem when i write npm run build then the dist folder created but some of the images donot work in dist i mean do jot include in the dist diat/assets folder whether the images works well in the orignal index.html i mean in which i write out html and giving images path. How to solve this issue

[@souvik2930]

4:25 'npx tailwindcss init - p' with this command config file will be generated. No need to copy paste from documentation

[@Devtamin]

Thank you for sharing your advice! please, subscribe

[@thatsalot3577]

quick tip : if you're wondering why this doesn't work with your .jsx files then add content: ["./src/**/*.{html,js,jsx}"], in tailwind config file right here 5:05

[@Devtamin]

Thank you !!! Please, subscribe

[@recreateInChrist]

Thanks so much for this tutorial, you made it so easy

[@Devtamin]

You’re welcome 😊. Thank you for subscribing

[@arturhonores9141]

Muchas gracias!!!era justo lo que necesitaba

[@Devtamin]

I appreciate your comment. Please, subscribe

[@jasurhaydarovcode]

Hi, can you show me how to use bro vite with tailwindcss components

[@rjx-dev]

Thanks Buddy Helped Alot!! 💫🙌🏻

[@Devtamin]

Please, subscribe

[@taahaquraishi7181]

i followed exactly the same procedure like in video but still getting error that the vite is not recognized as an internal and external command while running command npm run start

[@Devtamin]

Make sure you run that command in the project folder. Pls, subscribe

[@taahaquraishi7181]

@@Devtamin yes i did

[@Devtamin]

@@taahaquraishi7181 555 you need to excute "npm run dev" instead of "npm run start". Please, subscribe

[@souvikchakraborty9900]

my vite server is constantly showing web page not found for the local host 5173 . i have node js installed and still getting 404 error what is the problem ?

[@Devtamin]

I'm not sure. If you install only Vite, can you start the server? Please, subscribe

[@souvikchakraborty9900]

@@Devtamin server starts but the html page doesn't gets served . The page also reloads everytime something changed but the webpage doesn't show up.

[@Devtamin]

@@souvikchakraborty9900 Can you try to open the web with other browsers?

[@boneykingofsomewhere]

Amazing tutorial, thank you.

[@rajajunaidf]

Great Video!

[@Devtamin]

Glad you enjoyed it

[@MatheusPereira-nn9dj]

when I already have all the successful packages in the project but I forgot the host address , which command do I use ??

[@Devtamin]

Do you mean "npm run dev" ? Please, subscribe

[@abhijit0barman]

how to deploy this in netlify or vercel

[@scarrletTV]

Let me ask some stupid question. After "npm run build" command I'll got 'dist' folder as output of the project and I can copy and paste in any backend tools (e.g. Django) am I correct?

[@Devtamin]

Yes, you're right. You can use the file in the folder as a HTML template.

[@Kb-un4rk]

How to implement this project created by. Vite in laravel??

[@Devtamin]

Please, subscribe !!! I just uploaded the video, watch it out kzbin.info/www/bejne/p6KsnZ6Mqrp2aLs

[@afrasoftbd]

Nice video.

[@Devtamin]

Many many thanks

[@przemysawkowalczyk3049]

Thanks :)

[@Devtamin]

Welcome!

[@jitendrajangir4493]

Hay brother can I create multiple page website on tailwindcss

[@Devtamin]

Yes, you can do it. Pls, subscribe

[@hama__1]

thanks Jian Yang

[@Devtamin]

I highly appreciate your comment. Please, subscribe

[@FaizanAnwerAli]

CAn you please make a video on vite vanilla routing?

[@Devtamin]

I'll take a look !! Please, subscribe

[@Allformyequine]

Can I use this with a simple php site too? Will the install be the same? Thank you for the great video!

[@Devtamin]

This is for front-end development. You can create a HTML template from this setup. Then, you can use the template with PHP. if you want to set up Vite to use with PHP directly, you can learn from this, github.com/andrefelipe/vite-php-setup . I hope this helps

[@Allformyequine]

@@Devtamin Ok thank you!!!

[@taofeeqomotolani2311]

Nice video. How about using sass with vite

[@Devtamin]

Thank you. I will create the next video about Sass with Vite. Feel free to click subscribe!

[@taofeeqomotolani2311]

@@Devtamin Nice😍 looking forward to it. I've subscribed obviously 👍👍

[@Devtamin]

I appreciate you

[@Devtamin]

@@taofeeqomotolani2311 here is the video about install sass in vite, kzbin.info/www/bejne/o4TYY6GnZtmjnrc

[@anupal779]

@@taofeeqomotolani2311 thats is easy just import it inside your main.js

[@goneaway-o3z]

not working now what we do sir ?

[@Devtamin]

Can you check your code for any typos or errors?

[@webhimel]

thank you so much

[@Devtamin]

You're welcome!

[@sicfxmusic]

It used to be just adding link tag in . When did it get this complicated? 🤣🤣

[@Devtamin]

There are multiple options. This way you can customize and compile it. It is more flexible in term of customization

[@midhunmohan2676]

Thanks Bro

[@Devtamin]

Any time

[@soumyabasuri7075]

thankssss

[@Devtamin]

You're welcome! Please, subscribe