Setting Up a Vite React Tailwind CSS Project | goodbye Create React App!

Поделиться
HTML-код
  • Опубликовано: 5 янв 2025

Комментарии •

  • @cbton_
    @cbton_ Год назад +1

    Omg I spent hours trying to get Tailwind working in my vite app and your tutorial did the trick! Thank you sir!!

  • @bekzodturgunoff
    @bekzodturgunoff 2 года назад +9

    Thank you man I was looking for this almost 3 hours. Much appreciated. Well explained.

    • @theitaliandev
      @theitaliandev  2 года назад

      Thank you very much for you kind words dear. 😊

  • @GreenPear-mz4dl
    @GreenPear-mz4dl Год назад +2

    Thank you so much, after of much struggling, finally get it right!

  • @KRISHNU10
    @KRISHNU10 Год назад +2

    Thank you so much for this tutorial, I spent a lot of time trying to make Tailwind work with vite.

  • @jstnofficial
    @jstnofficial Год назад +1

    THANK YOU BROTHER. THIS HELPS A LOT! I MEAN A LOT. ALL IS ON POINT./ BEEN SEARCHING FOR ANSWER FOR 4 HOURS!!!

    • @theitaliandev
      @theitaliandev  Год назад

      You are welcome my dear. Thank you the kind words 😊

  • @AmitabhSuman
    @AmitabhSuman Год назад

    You saved me!! I mean, I was going crazy with CRA to VIte migration. Though this is a Vite + Tailwind tutorial, this video saved me. Thank you so much!

  • @_methupa
    @_methupa Год назад +2

    Well explained every point...Great video man!

  • @RealChengLong99
    @RealChengLong99 Год назад +2

    thanks dude! there are a lot of tutorials for react but not when built on vite thanks a lot!

  • @mistymornings
    @mistymornings Год назад +1

    You have an amazing style of teaching!

  • @ganeshsaladi5932
    @ganeshsaladi5932 Год назад +2

    Thanks a lot mate finally i got the solution

  • @umairkhalid8204
    @umairkhalid8204 Год назад +2

    Thank you for a straightforward guide! 👍🏼

  • @Dennis-en6rt
    @Dennis-en6rt Год назад +1

    Great video and editing. Subscribed

  • @briguy91
    @briguy91 Год назад

    Video was a life saver. Thank you so much!!!!

  • @masnamek
    @masnamek Год назад +1

    thankyou so much , simple to understand.....

  • @therd01
    @therd01 Год назад +2

    May I know what tool or extension you're using in VSCode that allows you to check the code in CSS when you hover your mouse to the code in tailwindcss format. You're a really big help to us newbies, Thank you!

  • @suhasherle7350
    @suhasherle7350 Год назад +1

    Thanks a lot for this amazing tutorial!! Well done!!

  • @elijahkems602
    @elijahkems602 Год назад +1

    So helpful thanks man.. though the audio was a little bit low

  • @sahadpop4135
    @sahadpop4135 Год назад +1

    Thanks for the clear crisp explanation

  • @shurui9629
    @shurui9629 Год назад

    I followed the commands but why did my tailwind config is .js not .cjs?

  • @Kaiga_Munene
    @Kaiga_Munene Год назад +2

    Awesome video thanks a lot, i was able to solve a problem that has been nagging me a lot the whole day.

  • @NewsInsightsbyCharlie
    @NewsInsightsbyCharlie Год назад +1

    Thank you.

  • @codesaif8075
    @codesaif8075 Год назад

    Thankyou, is the process same for production development?

  • @xice111
    @xice111 Год назад

    how to add custom collors to vite? things thats work on webpack dont work on vite

  • @r.apuroop4034
    @r.apuroop4034 2 года назад +1

    It worked!!! thanks a lot, sir!

  • @JaTeaGee
    @JaTeaGee Год назад +1

    Thanks this sir.

  • @marwantraiki3499
    @marwantraiki3499 2 года назад +2

    thank you , very well explained !

  • @priyanshujha9721
    @priyanshujha9721 Год назад +2

    I don't know what is the problem but I am not seeing any changes after following all the steps

    • @deitunegold4593
      @deitunegold4593 9 месяцев назад

      Same here man, how did you later solve it?

  • @26PRO26
    @26PRO26 Год назад +1

    thank you! very straightforward and works fine!

  • @gota8922
    @gota8922 Год назад +1

    Thanks a lot! Works for me

  • @UNHAPPYMEXICANS
    @UNHAPPYMEXICANS Год назад

    What if im not used index.css ... What if i want to give it an alternative name? Gracie

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu Год назад +1

    thank you

  • @66yozgattandrkebap48
    @66yozgattandrkebap48 Год назад +2

    mama mia! this was helpful.

  • @jaopreto-wlock
    @jaopreto-wlock 2 года назад +1

    very good, perfect explanation!

    • @theitaliandev
      @theitaliandev  2 года назад

      Thank you very much dear for your kind words 😊

  • @surajbhardwaj2599
    @surajbhardwaj2599 Год назад +1

    Thanks a lot sir, You solved my problem

  • @SARFOKINGMARKESERDAOSEI
    @SARFOKINGMARKESERDAOSEI Год назад +1

    grande fra

  • @rakesh_vlogs
    @rakesh_vlogs Год назад +1

    THANKS

  • @beatrixkiddojust
    @beatrixkiddojust Год назад

    Thanks!!

  • @rohankhatiwada7195
    @rohankhatiwada7195 Год назад +1

    Great 👍

  • @TrevorHigbee
    @TrevorHigbee 2 года назад +1

    Perfect. Thank you!!

  • @dutchman6765
    @dutchman6765 Год назад +1

    Thank you so much

  • @sanskarsharma100
    @sanskarsharma100 2 года назад

    is it necessary to install postcss.
    Can i use npm install -D tailwindcss

  • @OwenHodges
    @OwenHodges Год назад +1

    Everything is working except the colors. Any ideas?

    • @theitaliandev
      @theitaliandev  Год назад

      may you share your code dear? (Github repo...)

  • @PedroH-km5ek
    @PedroH-km5ek Год назад +1

    thanks dude

  • @gokusaiyan1161
    @gokusaiyan1161 9 месяцев назад +1

    i was wondering why my earphone is only working on one ear.. then realised its your video

  • @hieu4263
    @hieu4263 Год назад +2

    Like

  • @RD-jr8nv
    @RD-jr8nv Год назад +1

    Grazie!!

  • @zerosandones7547
    @zerosandones7547 2 года назад +1

    why we add a -p flag in 7:10?

    • @theitaliandev
      @theitaliandev  2 года назад

      Hi dear, sorry for the late response.
      Referencing to Tailwindcss Docs (here: v1.tailwindcss.com/docs/installation)
      -> You can optionally include the -p flag to generate a basic postcss.config.js file at the same time
      I hope everything is clear. Best regards :)

    • @zerosandones7547
      @zerosandones7547 2 года назад

      @@theitaliandev thanksssssssssssssssss

  • @muhammadrifqy24
    @muhammadrifqy24 Год назад +1

    arigathanks

  • @oppranto
    @oppranto Год назад +1

    Are you Aladdin from Dictator ?

    • @theitaliandev
      @theitaliandev  Год назад

      🤣🤣🤣🤣 funny 😁😁😁😁 have a nice day dear

  • @boomshakalaka656
    @boomshakalaka656 Год назад +1

    1:40 track sounds like the classic x-men cartoon theme Lol

  • @brito22419
    @brito22419 2 года назад +1

    thanks for that

  • @suminbaek
    @suminbaek 2 года назад +1

    thanks!!

  • @daniilstefaniv8381
    @daniilstefaniv8381 Год назад +1

    You save my ass!!! Thank you)

  • @blinktheworld33
    @blinktheworld33 Год назад +1

    leonardo "dev" vinci

  • @remphilia
    @remphilia Год назад +1

    bruv u have the audio panned hard to the left

    • @theitaliandev
      @theitaliandev  Год назад

      Thank you for pointing it out. I will not make the same mistake in the next videos. Thank you again 😊

  • @masudiqval8575
    @masudiqval8575 9 месяцев назад +1

    🦨 🐰🐇 🦨

  • @cod3a
    @cod3a Год назад +1

    thank you bro! very useful

  • @weihyac
    @weihyac Год назад +1

    Thank you so much