Our great sponsors
-
next-themes
Perfect Next.js dark mode in 2 lines of code. Support System preference and any other theme with no flashing
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
In this tutorial, we will implement dark mode on a blog built with Next.js and Tailwind CSS. You can easily implement dark mode using Next Themes, but if you want to use the Tailwind CSS Typography plugin, you'll need to set up some configurations. Let's get started!
In this tutorial, we will implement dark mode on a blog built with Next.js and Tailwind CSS. You can easily implement dark mode using Next Themes, but if you want to use the Tailwind CSS Typography plugin, you'll need to set up some configurations. Let's get started!
Here, we will use the previously created NextJS MDX Food Blog (simple).
Next, let's create a switch for toggling the themes. You can easily create a toggle switch component using React Switch.
React Switch and React Icons are customizable, so give it a try to get your favorite design.
In this tutorial, we will implement dark mode on a blog built with Next.js and Tailwind CSS. You can easily implement dark mode using Next Themes, but if you want to use the Tailwind CSS Typography plugin, you'll need to set up some configurations. Let's get started!
In this tutorial, we will implement dark mode on a blog built with Next.js and Tailwind CSS. You can easily implement dark mode using Next Themes, but if you want to use the Tailwind CSS Typography plugin, you'll need to set up some configurations. Let's get started!