Next.js 15 i full stack (App Router + Server Actions) logo
TypeScriptWebNiveauer A1 → C222 sprog

Next.js 15 i full stack (App Router + Server Actions)

Få styr på full-stack-webudvikling med Next.js 15, og brug App Router og Server Actions til at bygge effektive applikationer, der kan skaleres. Et læringsforløb på CoddyKit med 22 korte kurser og 88 interaktive lektioner – med en AI-vejleder ved din side døgnet rundt.

Kurser
22
Lektioner
88
Interaktive trin
1,073
Gratis at komme i gang
Kursus 1
Kursusindhold

22 kurser på denne sti

Alle kurser på Next.js 15 i full stack (App Router + Server Actions)-stien i læringsrækkefølge. Det første kursus er gratis.

1

A14 lektionerGratis

Kom godt i gang med Next.js 15, og forstå de grundlæggende principper, projektopsætningen og den fundamentale filsystembaserede routingmodel. Læg grundlaget for at bygge moderne webapplikationer.

2

A24 lektionerPRO

Dyk ned i den effektive App Router, og lær at strukturere Deres applikation med layouts, sider og dynamiske routes. Udforsk loading states og fejlhåndtering med Suspense boundaries.

3

B14 lektionerPRO

Byg produktionsklare REST- og streaming-API'er med Next.js Route Handlers på tværs af Node- og Edge-runtimes.

4

B14 lektionerPRO

Mestr moderne Next.js-formmønstre, der kombinerer Server Actions, useFormStatus og optimistiske opdateringer.

5

B14 lektionerPRO

Mestr paradigmeskiftet med React Server Components og Client Components i Next.js 15. Forstå, hvornår og hvordan De bruger hver af dem for optimal ydeevne og interaktivitet.

6

B14 lektionerPRO

Forstå avancerede mønstre for state management i Next.js, herunder brug af React Context, Zustand eller Jotai til global og lokal state.

7

B23 lektionerPRO

Udforsk forskellige strategier til datahentning i Next.js 15, herunder datahentning på serversiden til Server Components og hentning på klientsiden til interaktive brugergrænseflader.

8

B24 lektionerPRO

Opdag styrken ved Server Actions til håndtering af ændringer på serversiden direkte fra Deres client components. Lær at oprette formularer og opdatere data effektivt.

9

B24 lektionerPRO

Lær at forbinde Deres full-stack-applikation i Next.js med en database. Dette minikursus dækker brug af ORM'er som Prisma og udførelse af CRUD-operationer.

10

B26 lektionerPRO

Sikr Deres Next.js-applikation ved at implementere robuste strategier for autentificering og autorisation. Udforsk muligheder som NextAuth.js eller brugerdefinerede løsninger.

11

B24 lektionerPRO

Sikr pålideligheden og vedligeholdelsesvenligheden af Deres Next.js-projekter ved at lære forskellige testmetoder fra unit-tests til end-to-end-tests.

12

B24 lektionerPRO

Implementér Deres full-stack-applikation i Next.js i produktionsmiljøer, og anvend alle de lærte begreber ved at bygge et komplet og komplekst projekt fra den virkelige verden.

13

B24 lektionerPRO

Forstå og kontrollér de fire Next.js-cachinglag for korrekt og hurtig datafriskhed.

14

B24 lektionerPRO

Opnå hurtig første visning ved at streame serverkomponenter og tage Partial Prerendering i brug.

15

B24 lektionerPRO

Byg flersprogede Next.js-apps med locale-routing, oversættelser og SEO-venlige metadata.

16

C13 lektionerPRO

Udvid Deres færdigheder i Server Actions ved at implementere optimistiske UI-opdateringer, håndtere komplekse formulardata og administrere filuploads direkte på serveren.

17

C14 lektionerPRO

Mestr teknikker til optimering af Deres Next.js-applikation med henblik på hastighed og brugeroplevelse, herunder optimering af billeder, skrifttyper og bundles.

18

C14 lektionerPRO

Sammensæt komplekse layouts og modale flows med parallelle slots og route interception.

19

C14 lektionerPRO

Tilføj livedata, presence og AI-streaming til Next.js med SSE, WebSockets og eksterne realtime-tjenester.

20

C14 lektionerPRO

Instrumentér Next.js-apps med struktureret logging, tracing og robust fejlhåndtering i produktion.

21

C24 lektionerPRO

Design en sikker multi-tenant Next.js-SaaS med routing, isolering og fakturering pr. tenant.

22

C24 lektionerPRO

Maksimér performance i produktionsbuilds af Next.js gennem bundleanalyse, Turbopack og modulstrategi.

CoddyKit PRO

Lås op for alle 22 kurser på denne sti og alle kurser på alle andre stier

AI-vejleder, certificeringseksamen og certifikat. Fungerer på web, iOS og Android.

Se alle abonnementer
Årligt$29.90 / årCa. $2.49 om månedenBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for altid.
Kursusoversigt

Byg webapps i produktionskvalitet med Next.js 15

Next.js 15 er React-rammeværket, som virksomheder i alle størrelser bruger i produktion — det leveres med App Router, Server Actions og Partial Prerendering som integrerede grundbyggesten, så én kodebase kan håndtere routing, datahentning, godkendelse og implementering uden behov for en separat backend. Dette læringsforløb dækker det hele, fra din første filbaserede rute til drift af en SaaS-løsning med flere lejere i stor skala.

Det lærer du

Du bygger med App Router fra bunden, skelner mellem Client- og Server Components og ved, hvornår du skal bruge hver af dem, skriver Route Handlers og edge-klare API-endepunkter og håndterer formularer med validering og optimistisk brugeroplevelse. Datahentning, caching og de interne mekanismer til revalidering gennemgås i dybden sammen med Server Actions, integration med databaser samt godkendelse og autorisation. Senere kurser behandler streaming af brugergrænseflader med Suspense og Partial Prerendering, internationalisering og lokaliseret routing, realtidsapps med WebSockets, observerbarhed og fejgrænser samt optimering af bundter via byggeforløbet.

Læringsforløbet

Toogtyve kurser bevæger sig fra A1 til C2. Forløbet begynder med Grundlag i Next.js 15 og Grundlæggende App Router, fortsætter gennem B1 og B2 med Test af Next.js-applikationer, Interne mekanismer i caching og revalidering samt Implementering og projekt fra den virkelige verden og går derefter på C1-niveau videre til Avancerede Server Actions, Ydeevne og optimering samt Realtidsapps med streaming og WebSockets. Forløbet afsluttes på C2-niveau med SaaS-arkitektur til flere lejere og Byggeforløb og optimering af bundter.

Sådan fungerer det

Hvert kursus er opdelt i korte, praktiske lektioner, som du gennemfører i den indbyggede editor med feedback i realtid og en AI-underviser, der er tilgængelig, når du går i stå. Al kode kører mod ægte Next.js 15 — ikke i et isoleret legetøjsmiljø.

Sådan lærer du

  1. 01

    Interaktive lektioner

    Praktiske kodeøvelser med feedback i realtid

  2. 02

    AI-underviser

    Få øjeblikkelig hjælp fra vores AI, når du sidder fast

  3. 03

    Indbygget editor

    Skriv og kør kode direkte i din browser

  4. 04

    Certifikat

    Få et certifikat, når du gennemfører kurset

Ofte stillede spørgsmål

Ofte stillede spørgsmål

Er Next.js 15 i full stack (App Router + Server Actions)-kurset gratis?

Ja. Du kan begynde på Next.js 15 i full stack (App Router + Server Actions)-kurset gratis og gennemføre de interaktive lektioner uden omkostninger. Et valgfrit PRO-abonnement giver adgang til avancerede AI-værktøjer og et certifikat, der kan deles.

Skal jeg have erfaring på forhånd for at lære TypeScript?

Nej. Kurset begynder med det grundlæggende og bevæger sig gradvist videre til mere avancerede emner, så du kan starte uden tidligere erfaring med TypeScript.

Hvordan lærer jeg TypeScript på CoddyKit?

Du lærer ved at øve dig. Korte interaktive lektioner kombinerer en tydelig forklaring med en praktisk kodeøvelse, der kører i realtid, og en AI-vejleder, der er tilgængelig døgnet rundt, hjælper dig personligt, når du sidder fast.

Får jeg et certifikat, når jeg gennemfører Next.js 15 i full stack (App Router + Server Actions)?

Ja. PRO-brugere kan tage en eksamen og få et certifikat for gennemførelse af Next.js 15 i full stack (App Router + Server Actions)-kurset, som kan deles og indeholder en verificerbar kode.

Kan jeg lære TypeScript på min telefon?

Ja. CoddyKit er tilgængeligt på nettet og som indbyggede iOS- og Android-apps, så du kan lære TypeScript på enhver enhed, og dine fremskridt synkroniseres på tværs af dem.

Hvad koster CoddyKit PRO?

Det første kursus på Next.js 15 i full stack (App Router + Server Actions)-stien er gratis. CoddyKit PRO giver adgang til alle kurser: $5.90 om ugen, $7.90 om måneden, $29.90 om året eller $69.99 én gang for livstidsadgang uden fornyelser.

Hvor lang tid tager det at gennemføre Next.js 15 i full stack (App Router + Server Actions)?

Next.js 15 i full stack (App Router + Server Actions) har 22 kurser og 88 lektioner. De fleste lektioner tager cirka 5–10 minutter, så hele stien kræver omkring 10 timers praktisk øvelse i dit eget tempo.

Start på Next.js 15 i full stack (App Router + Server Actions) nu

Slut dig til tusindvis af kursister, der mestrer programmering med AI-drevne lektioner.