How to add Dark mode in Next.js Application using Tailwind CSS.

• go-unsplash

  355 62 0.0 Go

  Go Client for the Unsplash API

  The image can be random because I am using Unsplash API. Also if you open browser's dev tools, You will be able to see the current state of theme on your local storage.

• Tailwind CSS

  497 58,292 9.8 JavaScript

  A utility-first CSS framework for rapid UI development.

  

  Hey there, In today's article I am going to show you how to add Dark mode to your Next.js application using Tailwind CSS.

• Appwrite

  appwrite.io

  sponsored

  Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  

• React

  731 190,591 9.8 JavaScript

  A declarative, efficient, and flexible JavaScript library for building user interfaces.

  

  Next.js is a React based open-source frontend framework, with features like SSR (Server Side Rendering) and SSG (Static Site Generation). Next.js also comes SEO optimized right out the box so you don't have to do it yourself from the scratch.

• Next.js

  811 88,762 10.0 JavaScript

  The React Framework

  

  Hey there, In today's article I am going to show you how to add Dark mode to your Next.js application using Tailwind CSS.

• Visual Studio Code

  1,137 133,570 10.0 TypeScript

  Visual Studio Code

  

  If you are using VS CODE you can use Tailwind CSS IntelliSense for better development experience.

Suggest a related project