LogRocket·4yThe best styling options for Next.js
Next.js is a JavaScript framework based on React. With its ability to offer static and server rendering, its popularity quickly shot up amongst developers. Next.js offers many ways to support CSS in your application. In this tutorial, you will discover a few ways to implement styling in your next.js application.
Lee Robinson·4yBuilding an Image Gallery with Next.js, Supabase, and Tailwind CSS – Lee Robinson
This tutorial shows you how to create a Next.js application that fetches content from a Postgres database. It also serves optimized, blur-up images with next/image and styles components with Tailwind CSS. I used this to create swag.vercel.app, which is a collection of tweets.
Beyond Code·4yCSS to Tailwind converter – Windy
Windy is a browser extension for Google Chrome and Firefox. It automatically converts any existing HTML elements into Tailwind CSS components. The process directly allows you to create new components and make adjustments where needed. As Windy does the heavy lifting, this reduces the time for the conversion by an order of magnitude.
This is Learning·4yTailwind vs Sass/SCSS: Structure and Consistency over Style and Comfort
Sass is an extension of CSS that provides features that seem to have been left out of CSS itself. Tailwind proposes a utility-first approach to CSS where styles pre-exist with classes. Both aim to increase the quality of life around writing CSS but their approach however differs.
Product Hunt·4yNextacular - Quickly launch multi-tenant SaaS applications
An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently. Built on top of popular and modern technologies such as Next JS, Tailwind, Prisma, and Stripe. Built to help you focus on developing your core SAAS features.