- Layout maken - Meerdere paginas maken met de layout - Routes aanmaken voor de paginas
Slide 2 - Tekstslide
✨ Layout
Maak in de map resources/views/layouts een base.blade.php met een aantal eisen:
Een HTML Boilerplate (VSCode: typ ! en dan <TAB>)
Een variabele title {{ env('APP_NAME') }}
Een <body> met <header>, <main> en <footer> tags.
Een navbar in de header met 3 knoppen (Hoeven nog niks te doen)
Een {{ $slot }} in je main waar je pagina zelf gaat komen
Slide 3 - Tekstslide
🎓 Component Class
Ga naar de map app/View/Components een maak het bestand BaseLayout.php
Zet het volgende in dat bestand:
Dit bestand heet een Component Class
Slide 4 - Tekstslide
🎯 Paginas maken met layout
Maak nu een home.blade.php aan in de views map
Plaats hier de volgende content
Slide 5 - Tekstslide
🎓 Hoe werkt een Component Class?
Wanneer Laravel de <x-... tag ziet, gaat hij eerst kijken of er een class met dezelfde naam in "app\View\Components" staat. Dus <x-base-layout> zoekt naar de BaseLayout class.
Slide 6 - Tekstslide
🎓 Hoe werkt een Component Class?
Als er geen Component Class gevonden kan worden, gaat laravel kijken of er een losse component te vinden is in "/resources/views/components"
En als beide ontbreken, krijg je een dikke vette error.
Slide 7 - Tekstslide
📝 Route aanmaken
Maak nu een route aan naar deze home page
Pas nu je nav button aan naar de nieuwe route <a href="{{ route('home') }}">Home</a>
LET OP! Hiervoor moet achter je route ->name('home'); staan
