Summary  
This chapter covers how to import and apply a global CSS file in the root layout component to enforce consistent styles across an entire application.

General domain of usage  
Front-end web development (UI styling)

Globale CSS-filer omfatter typisk elementer som layout, typografi og andre ensartede designmønstre på tværs af forskellige dele af applikationen.

Hvis du navigerer til mappen `app/ui`, finder du en fil ved navn `global.css`. Denne fil giver dig mulighed for at anvende CSS-regler på alle ruter i din app. Selvom du kan inkludere `global.css` i enhver komponent, anbefales det at inkludere den i root layout (`app/layout.tsx`), som er appens hovedkomponent.

Tilføj de globale stilarter til appen. Gå til `app/layout.tsx` og importer filen `global.css`.

Efter at have tilføjet de globale stilarter, bør du se følgende visning, hvis den lokale udviklingsserver stadig kører: <a href="http://localhost:3000/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >http://localhost:3000/</a>

Lær at opbygge moderne, højtydende webapplikationer med Next.js. Opsæt projekter med strukturerede layouts, styling og routing for problemfri navigation. Hent og vis data effektivt, mens du optimerer rendering og ydeevne. Implementer avancerede funktioner som paginering, CRUD-operationer og global søgning for dynamiske webapps. Udrul dine Next.js-projekter, tilslut dem til databaser, og tilføj autentificering for at beskytte brugerdata.

Vi gennemgår, hvad du bør have kendskab til, før du går i gang med Next.js-rammeværket, hvad du kan forvente af dette kursus, og hvilke projekter du kommer til at bygge.

Vi opsætter projektet, undersøger metoder til at tilføje styling til vores app og dækker visuelle aspekter såsom billeder, skrifttyper, sider og layouts.

Lær, hvordan du nemt opretter og administrerer et nyt view til din app og navigerer problemfrit gennem alle sider med et integreret routing-system.

Udrul Next.js-appen ved hjælp af GitHub- og Vercel-konti. Etabler desuden en database for at forsyne appen med de nødvendige data.

Overvej, hvordan data kan indhentes og vises for brugeren på en klar og effektiv måde.

Opdag, hvordan moderne webfunktioner som paginering, CRUD-operationer, global søgning, formularvalidering og mere implementeres.

Implementering af autentificering i Next.js.

Tilføjelse af den Globale CSS-fil

I praksis

Tilføjelse af den Globale CSS-fil

I praksis