Jouw beurt! Pas toe wat je zojuist hebt geleerd door de `<LatestInvoices>`-component te refactoren.
1. Verplaats de functie `fetchLatestInvoices()` van de pagina naar de `<LatestInvoices>`-component;
2. Omring de component met een `<Suspense>`-boundary en geef een fallback genaamd `<LatestInvoicesSkeleton>` op.

Leer hoe je moderne, high-performance webapplicaties bouwt met Next.js. Zet projecten op met gestructureerde layouts, styling en routing voor naadloze navigatie. Haal efficiënt data op en toon deze, terwijl je rendering en prestaties optimaliseert. Implementeer geavanceerde functies zoals paginering, CRUD-operaties en globale zoekfunctionaliteit voor dynamische webapps. Zet je Next.js-projecten live, verbind ze met databases en voeg authenticatie toe om gebruikersdata te beschermen.

We bespreken welke voorkennis vereist is voordat u begint met het Next.js-framework, wat u van deze cursus kunt verwachten en welke projecten u zult bouwen.

We zetten het project op, onderzoeken methoden om styling aan onze app toe te voegen en behandelen visuele aspecten zoals afbeeldingen, lettertypen, pagina's en lay-outs.

Leer hoe u eenvoudig een nieuw overzicht voor uw app kunt creëren en beheren en naadloos door alle pagina's kunt navigeren met een geïntegreerd routingsysteem.

Implementeer de Next.js-app met behulp van GitHub- en Vercel-accounts. Stel daarnaast een database in om de app van de benodigde gegevens te voorzien.

Overweeg hoe gegevens duidelijk en efficiënt aan de gebruiker kunnen worden verkregen en getoond.

Ontdek hoe u moderne webfuncties implementeert, zoals paginering, CRUD-bewerkingen, globale zoekfunctie, formulier validatie en meer.

Uitdaging: Maak een Skeletloader

In de praktijk

Uitdaging: Maak een Skeletloader

In de praktijk