K1272 Next.js

Forside > Kurser > Kursusoversigt: JavaScript Framework/Library kurser > K1272 Next.js

Kursus i Next.js®, som er et React-baseret framework, som giver effektive, SEO-venlige websider server-side. Deltagerne får teoretisk og praktisk viden om bl.a. routing og API-integration…

| 1 dag | Afholdes i hele Danmark | Firmakursus | Online-kursus | Åbent kursus |

Bedre SEO med Server-side rendering

Next.js genererer indhold på serveren (SSR). Ydeevnen forbedres, og indholdet kan nemmere indekseres af søgemaskiner. Effekten forstærkes af muligheden for statiske sider (SSG), der yderligere forbedrer load af sider.

Code splitting og TypeScript

JavaScript kan adskilles, så kun nødvendig kode indlæses på en given side. Endvidere kan TypeScript benyttes som erstatning eller kombination med JavaScript. Routing kan baseres direkte på filstrukturen, hvilken gør udvikling og overblik nemmere.

Målgruppe

Kurset i Next.js er for udviklere, it-professionelle, superbrugere og andre, som har behov for øgede kompetencer inden for Next.js. Niveauet på kurset kan hæves og sænkes, og kursusagendaen kan rettes til. Inden kurset får I en snak med instruktøren, så niveau og indhold passer præcist til Jer.

Forudsætninger

Kurset starter helt fra bunden, og du behøver ikke at have kendskab til emnet. Niveauet kan tilpasses deltagerne. Derfor taler I altid med instruktøren før kursus.

Fold udNext.js bygger oven på React og tilbyder den bedste kombi af server-side rendering og statiske sider. Det giver en suveræn performance, som igen understøtter effektiv SEO. Routing er anderledes simpel i Next.js end i sammenlignelige frameworks. Next.js understøtter TypeScript og henvender sig dermed til en større skare af udviklere.

Efter kurset kan du

Kurset giver en praktisk og teoretisk viden. Dine teoretiske kompetencer bliver sat på plads. Samtidig giver opgaver og praktiske øvelser bedre læring. Din værdi som medarbejder vil stige.

Det får du også......


Gratis hotline efter kurset

Firmakurser på jeres adresse

Kurser på engelsk eller dansk efter jeres valg

Kurser for 1 person

Få rabat med klippekort

Sikker afholdelse

Indhold af kurset i Next.js

1 | Opsætning af udviklermiljø

  • Installation af Next.js fra github

2 | Next.js i helikopterperspektiv

  • Next.js sammenlignet med React
  • Håndtering af billeder og CSS i Next.js
  • Hello World. Den første simple Next.js app
  • Opsætning af et Next.js projekt
  • Håndtering af ressourcer

3 | Next.js funktioner

    Her lærer du de mest benyttede funktioner i Next.js.

  • Next.js getServerSideProps()
  • Next.js getStaticPaths()
  • Next.js generateImageMetadata
  • Next.js fetch
  • Next.js generateStaticParams
  • Next.js NextRequest
  • Next.js NextResponse

4 | Next.js routing

  • Hvad er dynamisk API routes?
  • Opsætning af routing i forhold til filstruktur
  • Hvordan laves nested routes?

5 | Server-side rendering (SSR) med Next.js

    SSR er default i Next.js. Next.js tilbyder dynamisk opsætning af sider server-side.

  • Hvordan håndteres pages server-side
  • Indstillinger for SSR

6 | Static side generation (SSG) med Next.js

    Ændres en page sjældent kan den laves som en statisk side.

  • Oprettelse af statiske sider og ressourcer
  • Caching og versionsstyring

7 | Brug af Code Splitting

    Med Code splitting sikrer man, at kun JavaScript-kode for en given page bliver indlæst. Code Splitting forbedrer performance markant

  • Hvordan laves Code splitting?

8 | Håndtering af data med Data Fetching

  • Hvordan benyttes data fetching?
  • Hvordan laves pre-rendering i Next.js

9 | Deploying til en produktionsserver

    Vercel er en platform skabt af teamet bag Next.js.

  • Deploye en app til Vercel
  • Bruge templates fra Vercel

Hvor benyttes Next.js især?

Websider med store krav til SEO benytter i høj grad Next.js. Grundet SSR og SSG er Next.js fremragende til relativt statiske hjemmesider med nyheder, blogs og lignende.

Mange benytter Next.js til webshops ud fra ønsket om hurtige indlæsningstider. Webshops genereres i reglen server-side og henter data fra flere samtidige databaser, hvilket alt andet lige stiller krav om hurtig indlæsning.

Next.js bruges også til komplekse webløsninger, som f.eks. dashboards og andre ekstremt dynamiske løsninger, hvor indholdet trækkes ind fra mange kilder. Next.js gør sådanne sider smidige.

Hænger React og Next.js sammen?

Next.js er en overbygning på React. Nogen vil sige, at Next.js er mere moderne. I hvert fald tilbyder Next.js en masse features, som ikke findes i React. Man bør kende React udvikling på et vist niveau for at arbejde med Next.js. I Next.js apps bruges komponenter, props og states som en central del.

Bibliotek eller framework ?

React er et bibliotek, mens Next.js er et framework. Next.js udvider React betragteligt, men er mere end blot et supplement til React.

ZoomTek Kurser

Kurset er udviklet 100% af ZoomTek og/eller af kursusafholder.

Kursus hos Jer

Kurset kan køres på jeres adresse. Nemt og praktisk...

I skal blot have et mødelokale og wifi.

Remote via video

Kolleger kan deltage remote via video. Så kan alle deltage, selv om I har afdelinger i hele landet eller udlandet. Kurser kan afholdes på engelsk.

Praktisk information

Ring på telefon 4250 5040 eller skriv til e-mail info@zoomtek.dk . Alternativt kan du udfylde kontaktformularen nederst.

Kursusdatoer aftales med dig som kunde. Sammen med instruktøren finder I nogle passende datoer. Det kan være meget snart eller om noget tid efter jeres ønske.

De fleste kurser afholdes ude hos vores kunder. Et almindeligt mødelokale er helt optimalt. Alternativt holdes kurser også på hoteller og konferencecentre i København, Aarhus, Aalborg, Odense og Trekantområdet.

Prisen afhænger af antal deltagere, geografi og om det er et ZoomTek kursus eller et formidlet kursus afholdt af en af vore partnere.

Ja. Kurser kan holdes på engelsk, og i en del tilfælde også på svensk. Kurser kan holdes i udlandet til standardpris + rejseomkostninger.

Ja. For 2 personer holder vi et lukket firmakursus. Er du kun dig, kan vi tilbyde et Online kursus.

OnLine kurser er meget fleksible, og kan holdes for 1 eller flere personer. Det kan også være en mulighed, hvis I sidder i Herning og den bedste instruktør til opgaven bor i Ballerup. Online kurser giver samme indlæring som almindelige kurser. Det vidner kursisters tilbagemeldinger gennem flere år om.

Ja, alle ZoomTeks kurser er skræddersyede. Kurser kan tilpasses og blandes. Indhold, kursuslængde og kursusform kan tilpasses.

ZoomTek sælger klippekort til kurser. Disse kan benyttes af alle i virksomheden og på tværs af ZoomTek kurser og formidlede kurser.

Kurser på denne side er udviklet eller formidlet af ZoomTek. ZoomTek har ikke 'an affiliation, endorsement, sponsorship, or approval' med Apple®, Adobe®, Microsoft®, IBM® og andre - og deres respektive varemærker. Læs mere om brug af varemærker på ZoomTek.dk her. ZoomTek alene eller de partnere, ZoomTek formidler kurser til, står bag kurserne.

Er du stadig i tvivl om kursusvalg? Lad os tage et uforpligtende webmøde

Kontakt ZoomTek på telefon 4250 5040 eller info@zoomtek.dk.Telefonen er åben alle hverdage mellem kl. 8-17. Webmøder kan også aftales om aftenen.

Du kan også udfylde kontaktformularen nedenfor.






JavaScript®, React®, TypeScript® (and others) are either registered trademarks or trademarks in the United States and/or other countries. On this page you may find other trademarks and/or registered trademarks that belong to third parties and are the property of their respective owners. ZoomTek does’nt have an affiliation, endorsement, sponsorship, or approval with or by any of these companies and their respective trademarks. ZoomTek has developed all courses on this website or passes the courses on to an external course provider. Read more about the use of trademarks on ZoomTek.dk