Tailwind Logo
Logo

Next.js

Next.js is a React-based framework that provides functionality to enable server-side rendering and static site generation using React.

App screenshot


Next.js

Add headers and footers

This time we will add a header and footer to the Next.js application. No external integration is included this time.


Next.js

Enable Dark mode for NextUI

You can switch between light and dark modes on the website. I personally use the dark mode. In this article, I will confirm the procedure to implement this in NextUI.


Next.js

Use NextUI

The sample we have been running so far had no minimal design and only displayed text. In order to make it look a little nicer, we are going to make NextUI available in the project.



Next.js

About Next.js' App Router

In Next.js, the routing mechanism switched to the new App Router in version 13.4. The previous method is now referred to as Page Routing, which remains available, but the App Router will become the standard. This time, we'll review the new App Router.






Add a headless site

Continuing from the last project, we'll add a headless site and integrate it with a Next.js project. Since the process is lengthy, this time we'll focus on adding the headless site and serializing its data for reuse.