Setting up Next.js(CNA) with Tailwind CSS Angel Martinez on May 11, 2020 In this post i will explain the installation and configuration of TailwindCSS over Next.js project (create-next-app) in order to take full advantag... Read full post Submit Preview Dismiss Collapse Expand Sung M. Kim Sung M. Kim Sung M. Kim Follow Exploring the world of TypeScript, React & Node Location NYC - the Big 🍎 Education SUNY Stony Brook Joined Aug 5, 2017 • May 11 '20 Dropdown menu Copy link Hide Nice post there, Angel (read the translated version). With Tw v1.4.x, there is no need for @fullhuman/postcss-purge because of built-in purge. github.com/tailwindcss/tailwindcss... Only found out as a nice person did a PR to update my package :) github.com/dance2die/cra-template-... Collapse Expand Angel Martinez Angel Martinez Angel Martinez Follow Self-taught developer with mainly focuses on JavaScript/TypeScript technologies. I enjoy working on both the server-side and client-side. Location Coah, Mexico. Work Front-end Developer Joined May 11, 2020 • May 11 '20 Dropdown menu Copy link Hide Thank you very much for the comment, I didn't know that it was already included by default, i will read about that, greetings! Collapse Expand Sung M. Kim Sung M. Kim Sung M. Kim Follow Exploring the world of TypeScript, React & Node Location NYC - the Big 🍎 Education SUNY Stony Brook Joined Aug 5, 2017 • May 12 '20 Dropdown menu Copy link Hide You're welcome & enjoy the update~ Angel Martinez Angel Martinez Angel Martinez Follow Self-taught developer with mainly focuses on JavaScript/TypeScript technologies. I enjoy working on both the server-side and client-side. Location Coah, Mexico. Work Front-end Developer Joined May 11, 2020 • May 12 '20 Dropdown menu Copy link Hide Article updated! Sung M. Kim Sung M. Kim Sung M. Kim Follow Exploring the world of TypeScript, React & Node Location NYC - the Big 🍎 Education SUNY Stony Brook Joined Aug 5, 2017 • May 12 '20 Dropdown menu Copy link Hide Thank you, Angel for updating the post and sharing~ Collapse Expand R K R K R K Follow Work Frontend Developer Joined May 7, 2019 • Oct 6 '20 Dropdown menu Copy link Hide How to modify this configuration to use styledcomponents as well. Collapse Expand Angel Martinez Angel Martinez Angel Martinez Follow Self-taught developer with mainly focuses on JavaScript/TypeScript technologies. I enjoy working on both the server-side and client-side. Location Coah, Mexico. Work Front-end Developer Joined May 11, 2020 • Oct 6 '20 Dropdown menu Copy link Hide Hey! I have another post where I explain how to use Tailwind with Emotion/Styled Component in a single project of React! dev.to/angelcodes/react-app-with-t... Collapse Expand Lewis Lloyd Lewis Lloyd Lewis Lloyd Follow Specialising in full-stack, cloud-native web applications 🤸♂️☁ Email lewis_lloyd@live.co.uk Location London Education BSc Computer Science | University of Exeter Pronouns he/him Work Software Engineer at RecruitHub Joined Dec 28, 2019 • May 13 '20 • Edited on May 13 • Edited Dropdown menu Copy link Hide I hadn't heard of TailwindCSS until today. What's the comparison against Bootstrap, Webflow, Grid, etc? Collapse Expand Angel Martinez Angel Martinez Angel Martinez Follow Self-taught developer with mainly focuses on JavaScript/TypeScript technologies. I enjoy working on both the server-side and client-side. Location Coah, Mexico. Work Front-end Developer Joined May 11, 2020 • Oct 6 '20 Dropdown menu Copy link Hide Tailwind CSS is a low-level framework oriented to "utility-first". In Tailwind CSS we don't have Components, Sizes, or predefined colors in our designs. Tailwind basically allows us to create a design with our own rules Collapse Expand tom hermans tom hermans tom hermans Follow webdesigner & webdeveloper, free-lancer, mainly working on Frontend. Atomic Design, Design Systems,UX. Technologies: Jamstack, HTML/CSS/JS. Location Belgium / Netherlands Education University - Communication Sciences + Computer Sciences Work Senior Frontend Engineer Joined Apr 24, 2018 • Oct 8 '20 Dropdown menu Copy link Hide Just read all your Tailwind/NextJS/Twin.macro articles. Great stuff Angel ! Collapse Expand Angel Martinez Angel Martinez Angel Martinez Follow Self-taught developer with mainly focuses on JavaScript/TypeScript technologies. I enjoy working on both the server-side and client-side. Location Coah, Mexico. Work Front-end Developer Joined May 11, 2020 • Oct 8 '20 Dropdown menu Copy link Hide Thank you, Tom! I'm happy that they have been to your liking Code of Conduct • Report abuse
Nice post there, Angel (read the translated version).
With Tw v1.4.x, there is no need for
@fullhuman/postcss-purgebecause of built-in purge.github.com/tailwindcss/tailwindcss...
Only found out as a nice person did a PR to update my package :)
github.com/dance2die/cra-template-...
Thank you very much for the comment, I didn't know that it was already included by default, i will read about that, greetings!
You're welcome & enjoy the update~
Article updated!
Thank you, Angel for updating the post and sharing~
How to modify this configuration to use styledcomponents as well.
Hey! I have another post where I explain how to use Tailwind with Emotion/Styled Component in a single project of React!
dev.to/angelcodes/react-app-with-t...
I hadn't heard of TailwindCSS until today. What's the comparison against Bootstrap, Webflow, Grid, etc?
Tailwind CSS is a low-level framework oriented to "utility-first". In Tailwind CSS we don't have Components, Sizes, or predefined colors in our designs. Tailwind basically allows us to create a design with our own rules
Just read all your Tailwind/NextJS/Twin.macro articles. Great stuff Angel !
Thank you, Tom! I'm happy that they have been to your liking