How to setup Django and Tailwind CSS complete tutorial | 2024

  Рет қаралды 15,408

Apoorv pandey

Apoorv pandey

Күн бұрын

Пікірлер: 63
@keikusanagi99
@keikusanagi99 2 жыл бұрын
im principiant and love this type of videos, realy tnks (saludos desde mexico )
@ankitthakur6138
@ankitthakur6138 2 жыл бұрын
Hi Apporv, It was really helpful.
@itsumair001
@itsumair001 2 жыл бұрын
Before I have tried the official docs which not worked for me after alot of searching I have found your vidoe very usefull which solved my issue Thanks alot
@subhajitchatterjee1637
@subhajitchatterjee1637 Жыл бұрын
Hey there ! Thanks for the tutorial ! Loved it ! Subscribed immediately
@chrisr2063
@chrisr2063 2 жыл бұрын
Very nice sir. From America with love.
@lennoxmountain8033
@lennoxmountain8033 Жыл бұрын
this is very much helpful 🥳🥳
@bipulchandramondol3930
@bipulchandramondol3930 Жыл бұрын
Now work successfully ,,,Thank you so much
@WebsterzoneDev-x3u
@WebsterzoneDev-x3u Жыл бұрын
hy sir i have i problem how to solve it problem is. modulenotfounderror: no module name ' django_browser_reload'
@AfnanIslamAkash
@AfnanIslamAkash Жыл бұрын
Thank you so much you are a very good teacher
@stanfordchihoyi3534
@stanfordchihoyi3534 Жыл бұрын
ok it was helpful but how to i edit the properties of the classes to my own design
@SabbirHMukul
@SabbirHMukul Жыл бұрын
awesome tutorials , very much like for indetails.
@immanuelrajmohan830
@immanuelrajmohan830 2 жыл бұрын
thank you very much sir...a very big process😩
@alfatech8604
@alfatech8604 Жыл бұрын
can i use this to style a user login form
@sekiro_19
@sekiro_19 Жыл бұрын
do we have to create theme app ???
@noanswerrs
@noanswerrs 2 жыл бұрын
4:17 How do you Select the interpreter ? As I cannot find the option that you use :(
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Control + shift + p on windows
@beamboyz4901
@beamboyz4901 Жыл бұрын
thanks for all of this i needed this
@codevalley9511
@codevalley9511 Жыл бұрын
Thanks sir, Sir, how to use tailwind with django in production
@ezrahel
@ezrahel Жыл бұрын
My stress stops here!! Thank you for the walkthrough man. What's the name of the django extension you're using for the auto-completion?
@_archermiles
@_archermiles 2 жыл бұрын
Thank you. It worked fine. Video downloaded :)
@rahultripathi3315
@rahultripathi3315 2 жыл бұрын
After activating virtualenv when I install django giving error by following pip install django
@rahultripathi3315
@rahultripathi3315 2 жыл бұрын
Python version is 3.10.2
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
What is the error?
@rahultripathi3315
@rahultripathi3315 2 жыл бұрын
Unable to install
@rahultripathi3315
@rahultripathi3315 2 жыл бұрын
But when I run without virtual environment then my project has successfully run
@venkatrao235
@venkatrao235 2 жыл бұрын
tq sir, please explain about media root media files settings
@ranjeetpatel1154
@ranjeetpatel1154 8 ай бұрын
Got it but its giving 404 and css is not loading
@zarakaamer
@zarakaamer 2 жыл бұрын
Hy sir i am really thankful for this awesome lecture can you please consider htmx and django setup and hosting on cpanel
@naufalnasrullah6965
@naufalnasrullah6965 2 жыл бұрын
there so much tailwind class that can't use, right? why tailwind for django isn't complete?
@naufalnasrullah6965
@naufalnasrullah6965 2 жыл бұрын
should i using tailwind cdn instead?
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
You totally can, it's just that this compiles your css and the cdn gives you complete css files.
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Depends on how you'd like it
@naufalnasrullah6965
@naufalnasrullah6965 2 жыл бұрын
I wondering why my tailwind doesn't work. But it solve with just ctrl+f5..
@aptechotateam9159
@aptechotateam9159 2 жыл бұрын
Please this command is not running in any of my terminals python manage.py tailwind init
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Please check previous steps, especially setting path of npm in settings.py
@bipulchandramondol3930
@bipulchandramondol3930 Жыл бұрын
💛💛💛
@Resuri02
@Resuri02 2 жыл бұрын
great video really helped me but the styles still arent applying I even tried copying ur repo and it still wont work any suggestions?
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Did you run the tailwind server? Also use Chrome browser only as other browsers may give issue.
@sujon9295
@sujon9295 2 жыл бұрын
Where is website link how can I copy command?
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
django-tailwind.readthedocs.io/en/latest/installation.html
@venkatrao235
@venkatrao235 2 жыл бұрын
tq sir can u make video on deploy tailwind on c pannel
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Tailwind and django on cpanel? Sure will make this weekend
@venkatrao235
@venkatrao235 2 жыл бұрын
@@Apoorvpandeytq sir
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
kzbin.info/www/bejne/pYu6fauEr9x-ja8 Here is Django deployment on C Panel with Tailwind CSS
@AhmedMohammedy-g4f
@AhmedMohammedy-g4f Жыл бұрын
Tgank you🎉
@bipulchandramondol3930
@bipulchandramondol3930 Жыл бұрын
tailwind css not work properly
@user-gh7sh4ip3q
@user-gh7sh4ip3q 2 жыл бұрын
Hello! I have a question; I followed the guide and were able to set up tailwind. However, after using it for a while, i noticed that the only background colors i could use in views.py was black and white. I went over to tailwind.config.js and saw; " * This is a minimal config. * * If you need the full config, get it from here: 'url' " I tried copy pasting the full config into tailwind.config.js and then run the command; "python manage.py tailwind build" with no luck. Do you have any fixes? :)
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
I think it's related to tailwind config only, did you try restarting both servers and use control +F5 to refresh the page
@user-gh7sh4ip3q
@user-gh7sh4ip3q 2 жыл бұрын
@@Apoorvpandey Ah, thanks for the tip! When i tried loading the page in another browser the background color loads fine! Probably some extension, or a setting i have switched on causing it to not show in firefox. :)
@Sweetmediallc
@Sweetmediallc 2 жыл бұрын
Beginner here.... why would you install node.js if you will be using django?
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Good question, We are only installing Node for tailwind CSS to work properly, no part of Node is ever interacting with our backend in any other way.
@mihirmahim1722
@mihirmahim1722 2 жыл бұрын
Sir i have followed all the steps nothing happened
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
If so can you try using chrome browser and refresh page using control + f5
@naufalnasrullah6965
@naufalnasrullah6965 2 жыл бұрын
@@Apoorvpandey why should we use ctrl+f5? Do you have any solution for this? i have installed reload browser for automatically reload but it doesn't work properly
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
It basically clears the cache for that page and reloads from server. So essentially your old non working site gets cleared and new working one gets loaded on browser
@venkatrao235
@venkatrao235 2 жыл бұрын
tq sir
@kwabenaboateng7405
@kwabenaboateng7405 Жыл бұрын
Text is too small. can't see anything you're projecting
@Apoorvpandey
@Apoorvpandey Жыл бұрын
Hi try viewing in higher resolution, it's viewable
@ddkinput
@ddkinput 2 жыл бұрын
using Tailwind is a wasting time and a lot to do, better to stick with bootstrap 5 no npm no nodejs nothing
@leroykylian4285
@leroykylian4285 2 жыл бұрын
xdd
@Apoorvpandey
@Apoorvpandey 2 жыл бұрын
Setup is painful I agree but it works great once done.
@blabla-kk8bl
@blabla-kk8bl 2 жыл бұрын
No, you are wrong, to achieve same level customization on bootstrap you need to compile sass with gulp or web pack which is a huge pain.
@blabla-kk8bl
@blabla-kk8bl 2 жыл бұрын
perfecto.
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 1,3 МЛН
How to set up Django, Htmx and Tailwind (Using Npm)
13:14
Code With Stein
Рет қаралды 9 М.
It works #beatbox #tiktok
00:34
BeatboxJCOP
Рет қаралды 41 МЛН
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 62 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
I built a REAL Desktop App with both Tauri and Electron
12:22
Bufferhead
Рет қаралды 106 М.
Learn Django in 20 Minutes!!
21:25
Tech With Tim
Рет қаралды 462 М.
10 Tailwind Tricks You NEED To Know!
10:45
Ravi - Perfect Base
Рет қаралды 317 М.
How to use Tailwind CSS in Django Project
19:45
Code Tech
Рет қаралды 1,1 М.
Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know
22:10
Lukas | Web Development & Design
Рет қаралды 194 М.
Easily add Tailwind CSS to Django 💨
9:17
Tom Dekan
Рет қаралды 7 М.
Tailwind CSS: Displaying Table Content At Smaller Screen Sizes
14:26
Django Tutorial #5 - Django Apps
15:20
Net Ninja
Рет қаралды 107 М.
It works #beatbox #tiktok
00:34
BeatboxJCOP
Рет қаралды 41 МЛН