We gaan verder met het werken in het bestand `fonts.ts`. Importeer het `Rubik`-lettertype met gewicht `400` en `latin` subsets. Pas dit lettertype toe op het `p`-element in het bestand `app/page.tsx`.

Om het gebruik van lettertypen af te ronden, deactiveer het commentaar op de `TradeHubLogo`-component in het bestand `app/page.tsx` en controleer de live pagina.

We zouden de volgende weergave van onze applicatie moeten kunnen zien.

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: Implementeer een Aangepast Google-Lettertype

In de praktijk

Awesome!

Uitdaging: Implementeer een Aangepast Google-Lettertype

In de praktijk