Next.js 15 Fullstack (App Router + Server Actions) · Lesson

Styling Your Next.js App

Add styles to a Next.js 15 application using global CSS, CSS Modules, and Tailwind CSS within the App Router.

Styling Options Overview

Next.js supports several styling approaches out of the box: global CSS, scoped CSS Modules, utility-first Tailwind, and CSS-in-JS libraries.

Global CSS is imported once in the root layout and applies to every page — ideal for resets and base typography.

import "./globals.css";
export default function RootLayout({ children }) {
  return (<html lang="en"><body>{children}</body></html>);
}