TailwindCSS and NextJS Starter Guide

Photo by Sigmund on Unsplash

Motivation

Let’s start

Installing NextJS

Installing TailwindCSS

Updated styling

Basic Tailwind

Hover states

Maintaining Tailwind classes

Config

Responsiveness

What’s next?

The final creation

--

--

--

Always learning👨🏻‍🎓. I occasionally write about programming. Follow me on Twitter @0xmbvissers

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Download |Lynk app Today | Get $250 for everybody you refer | Promotion

Redesigning Redux

What should I put in a JWT payload?

Why and Where to use bind() , call() and apply()

Difference between Node dependencies using emojis 🤷‍♂️ 🤷‍♀️

What React Concurrent Mode Can Do For You

Bash Scripting Tutorial(Parameters, Arrays, Conditionals)

Is Angular Better than React?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
mbvissers.eth

mbvissers.eth

Always learning👨🏻‍🎓. I occasionally write about programming. Follow me on Twitter @0xmbvissers

More from Medium

How to QUICKLY Install Tailwind CSS in Next.js Project

How to self-host fonts in NextJS

Styling Remix App with Tailwind

Firebase social authentication with latest SDK version 9