La oss designe et oppsett for hele applikasjonen. I dette tilfellet skal vi lage en komponent som hjelper til med å navigere gjennom appens sider, og som også gir mulighet for å logge ut (mer om autorisasjon i kommende kapitler).

Tilbake til prosjektet

Nå skal vi generere en layout.tsx for dashbordet. I /dashboard-mappen, legg til en ny fil som heter layout.tsx og sett inn følgende kode:

I denne koden skjer det noen viktige ting. La oss se nærmere på dette:

• Vi importerer <SideNav />-komponenten og gjør den til en del av oppsettet vårt. Alle komponenter vi importerer her blir en del av det overordnede sidedesignet;
• <Layout />-komponenten har en children-prop. Dette "barnet" kan være enten en side eller et annet oppsett. Spesielt vil sidene som ligger i /dashboard automatisk bli plassert innenfor en <Layout />.

Prøv nå å følge lenken http://localhost:3000/dashboard og naviger mellom dashboardet og fakturasiden.