Setting up Tailwind CSS in a Next.js Project 

Thank you this was very straight forward with no extra unnecessary material. very helpful!

Thank you so much for clear instructions, I wished the official docs had this type of clear instructions.

Was already missing your videos! 😅

To anyone watching the video now, his method of installation will no longer work. Run the command below and configure your project accordingly. npx create next-app --typescript

so easy, even setting it up after Nextjs installation.

This was beautifully perfect, Simon. Thank you! 🎉 You just got yourself a new subscriber! 😊

Excellent 🔥

You should add TYPE SCRIPT in the title as well as if someone wants to use JS they can use with-tailwindcss-emotion

straight tutorial ever, exelent

Looking forward to the upcoming videos! 😄 been a while

Great video. Can you share your vscode configs & theme?

🎯 Key Takeaways for quick navigation: 00:00 🚀 *Configuración rápida de Tailwind CSS en un proyecto Next.js* - Creación y configuración inicial rápida de un proyecto Next.js con Tailwind CSS. - Uso del ejemplo preconfigurado con Tailwind CSS para una integración inmediata. 01:09 🔧 *Configuración manual de Tailwind CSS en Next.js* - Pasos detallados para instalar y configurar manualmente Tailwind CSS en un proyecto Next.js. - Creación de archivos de configuración de Tailwind CSS y PostCSS. - Personalización de Tailwind CSS para adaptarse a las necesidades específicas del proyecto. 03:02 📁 *Configuración avanzada de archivos de contenido en Tailwind* - Uso de patrones globales para simplificar la configuración de archivos de contenido en Tailwind CSS. - Explicación sobre cómo incluir múltiples extensiones de archivos y directorios en la configuración de Tailwind. 04:12 ✨ *Aplicación de Tailwind CSS en el proyecto* - Implementación de las directivas de Tailwind CSS en el archivo CSS global. - Demostración de la aplicación de utilidades de Tailwind CSS en una página de ejemplo. Made with HARPA AI

Good video Simon. Thks ! Please what is your vs code font 😁 i found it very cool 😊👌🏽

Thank you !

Thank you for this sir

Thank you Simon 🙏🏻

Another great one!

Great video thanks.

Thank you so much! a quick question, how do you preview your app through vscode?

Thank you

Manual setup didn't work for me. I need it in that way because I'm using JavaScript instead of TypeScript! Any idea? Thanks!

I'm getting this error when I try to run dev error - ./node_modules/next/dist/client/dev/amp-dev.js Error: Cannot find module 'xwind/babel'

what is name this editor it`s looks cool

This is very basic. How about watching and building page specific css files?

when I make the project I only get a readme file and a gitignore

It’s not working. The utility classes do nothing, and Visual Studio Code doesn’t recognize “@tailwind”.

you forgot to mention that you need to import 'globals.css' file to '_app.tsx' file . . . .

Assalomu Aleykum thanks man )

It doesn't work, it just places a README document.

when i type npx create-next-app --example with-tailwindcss with-tailwindcss-app it creates nextjs app with typsctipt

grid utilities are not working can you please help

I've been trying to upgrade ever since v3 was released and didn't work. Had success with new builds but couldn't make it work with storybook because of JIT. I'm now reattempting to upgrade on another project and it seems only tailwind utilities work. Is anybody else experiencing the same issue?

I just can't tailwind to work and i've been try to install it for 5 days. I just does nothing with the html...Can you help?

GREAT content bro, thanks man. BTW, I ain't even gay man, but damn, you're a handsome dude! Must be all that VIKING DNA over there in Northern Europe! Victory OR Valhalla! SKOL my NORDIC brothers, let's march and bring the BEARSERKERS, we are gonna party with the hot village chix! ahahaha

How to install this with javascript? not typescript