Next.js is in Nederlandse productteams vaak de default, en even vaak de bron van verwarring: wat draait op de server, wat in de browser, en waarom voelt een “simpele pagina” ineens als een platform. De Next.js-module van NLCodeCraft Frontend Academy legt die grens bloot. Mark van Leeuwen traint u om routing, data-laden en caching te kiezen als vakbeslissing, niet als template die u van een starter-repo kopieert.

Instroom: afgeronde React cursus of gelijkwaardige praktijk, plus TypeScript op het niveau van onze TypeScript-track of aantoonbaar strict in uw eigen repo. Wij zetten geen App Router neer voor mensen die useEffect nog als data-laag gebruiken.

Server is geen magie, client is geen zonde

U leert wanneer een Server Component de juiste default is, wanneer een Client Component onvermijdelijk is (interactie, browser-API’s), en hoe u die grens in de mapstructuur zichtbaar houdt. Caching en revalidate zijn lesstof, geen vinkje in een dashboard. Een pagina die “snel” is omdat u alles client-side hydratet, zakt de review.

Wij koppelen de module aan Testing: een server-rendered formulier zonder test is een demo. Een client-eiland zonder toegankelijke naam is dat ook. Next.js is hier een frontend-vak, geen DevOps-feest.

export default async function CoursePage() {
  const track = await getTrack("react");
  if (!track) return <p>Track niet gevonden.</p>;
  return (
    <article>
      <h1>{track.title}</h1>
      <TrackOutline modules={track.modules} />
    </article>
  );
}

De eindopdracht is een kleine meertalige of in ieder geval Nederlandstalige dienst met twee routes, één mutatie en een bewuste cachekeuze die u in README toelicht. Mark van Leeuwen vraagt in de review niet “werkt het?”, maar “wat gebeurt er als de API traag is?”.

Leslocatie en bereik in Amsterdam

NLCodeCraft geeft klassikale en hybride frontend-opleidingen vanaf de Wibautstraat, op de Knowledge Mile tussen Amstel en Weesperplein. Cursisten komen uit de onderstaande stadsdelen; avondgroepen starten na kantoortijd zodat u vanuit Zuid, Noord of Oud-West kunt aansluiten zonder een extra reisdag in te plannen.

• Centrum
• De Pijp
• Oud-West
• Oost
• Watergraafsmeer
• Amsterdam-Noord
• Zuid
• Westerpark