Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Adding the Global CSS File | Setting Up a Next.js Project
Next.js 14 Mastery for Building Modern Web Apps

bookAdding the Global CSS File

Global CSS files typically include elements like layout, typography, and other consistent design patterns across different application parts.

If you navigate to the app/ui folder, you will find a file named global.css. This file allows you to apply CSS rules to all the routes in your app. Although you can include global.css in any component, it is recommended to include it in the root layout (app/layout.tsx), which is the main component of the app.

Let's add the global styles to the app. Go to app/layout.tsx and import the global.css file.

After incorporating the global styles, you should see the following view if the local development server is still running: http://localhost:3000/

In Practice

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 4

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.08

bookAdding the Global CSS File

Svep för att visa menyn

Global CSS files typically include elements like layout, typography, and other consistent design patterns across different application parts.

If you navigate to the app/ui folder, you will find a file named global.css. This file allows you to apply CSS rules to all the routes in your app. Although you can include global.css in any component, it is recommended to include it in the root layout (app/layout.tsx), which is the main component of the app.

Let's add the global styles to the app. Go to app/layout.tsx and import the global.css file.

After incorporating the global styles, you should see the following view if the local development server is still running: http://localhost:3000/

In Practice

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 4
some-alt