Тёмный

Tailwind CSS Tutorial with Next.js and Typescript | Part 1 - Setup and Install 

CodeDunks
Подписаться 7 тыс.
Просмотров 10 тыс.
50% 1

Tailwind CSS has recently hit 1,000,000 weekly downloads on npm and I decided it was time to check out the interesting CSS framework.
In this video we will look at some pros and cons of the Tailwind CSS library, as well as look at different ways to configure a Next.js application using Tailwind and Typescript. We will manually set this up so that we can in-depth go over what is really happening at each level to further understand the framework.
Complete Project: github.com/leoroese/tailwind-...
Starter project: github.com/leoroese/tailwind-...
Tailwind Documentation: tailwindcss.com/docs
Timestamps:
0:00 intro
0:45 advantages of tailwind
2:20 disadvantages of tailwind
4:00 project start
6:40 prettier config
8:40 tailwind install

Опубликовано:

 

4 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@boyanborislavov7410
@boyanborislavov7410 2 года назад
I needed just that Leo
@hazharghaderi5044
@hazharghaderi5044 2 года назад
Excellent. My problem was solved with this command installed together. Thank you
@parkerrex
@parkerrex 2 года назад
i've used tailwind -- love it. needed to get it setup w a nextjs app. Really liked the content Leo.
@CodeDunks
@CodeDunks 2 года назад
Appreciate it Parker!
@danielnguyen825
@danielnguyen825 2 года назад
Thx for sharing, it's really value with me.
@karthikpuvvula
@karthikpuvvula 2 года назад
thanks leo.. great job
@vaniad555
@vaniad555 2 года назад
Great tutorial, I use/ npx create-ext-app --example with -tailwindcss / and it gets me set up .
@arnoldinwhite8267
@arnoldinwhite8267 2 года назад
Waiting for next tutorial, thx for lesson
@CodeDunks
@CodeDunks 2 года назад
Will be out on Sunday!
@alexiscarloseugenenazareno7149
thanks bro!
@ajadavis2000
@ajadavis2000 2 года назад
would be cool to see where you get some of the resources for configs you make (like doc endpoints)
@CodeDunks
@CodeDunks 2 года назад
I'll be sure to start including more links into resources for things like this! Thanks for the feedback
@BarryDocherty
@BarryDocherty 2 года назад
deserves a save
@hungerbulb
@hungerbulb 2 года назад
why did you add prettier as a package if you can just install the extension?
@CodeDunks
@CodeDunks 2 года назад
Hi Fatalis, if you check out the section "prettier resolution" in their docs here marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode you will see that it resolves to use the prettier version in your dependencies if present. This is so let's say you can control what version of prettier is ran, also if you are working as a team, the team will all be using the same version of prettier
@wannaeatreadlamb
@wannaeatreadlamb 2 года назад
I just started tailwind with nextjs
@berkcan3475
@berkcan3475 2 года назад
doesnt workkkk nothing is stylized cant believe it xD
@jeromealtariba7339
@jeromealtariba7339 2 года назад
very good as usual, but my friend, think about non native english. You speak so fast sometimes ;-)
@CodeDunks
@CodeDunks 2 года назад
Shoot, I am sorry. I appreciate the feedback and will try and do my best to remember from now on!
@jeromealtariba7339
@jeromealtariba7339 2 года назад
@@CodeDunks never mind. At least I practice my english 😄
Далее
Incredible magic 🤯✨
00:53
Просмотров 10 млн
NEW MAGNUS CARLSEN!!!!!!!!
25:14
Просмотров 33 тыс.
NextAuth Tutorial | Part 1 - Setup and Email Provider
33:18
Getting Started with Next.js & Tailwind CSS
4:41
Просмотров 10 тыс.
Learn Next.js With TypeScript in 30 Minutes
33:12
Просмотров 91 тыс.