Dette kurset går ut på å bli kjent med Next.js rammeverket og er et enkelt kurs å gå gjennom hvis man har litt erfaring med React fra tidligere siden det ikke går unødvendig dypt inn i detaljer. Du vil lære alt fra filoppsett, routing, database-tilkobling med Postgres database til datahenting og mye mer. Du vil i tillegg bli kjent med bruk av Github som kodebase og teknologier som Vercel som i dette kurset vil bli brukt til oppsett av database, samt kjøre prosjektet ditt på lik linje som openshift.
En av de store fordelene med Next.js rammeverket er at det benytter seg av Server Side Rendering. Noe som vil si at i stedet for at klienten/browseren tar seg av jobben med å generere opp sidene som client-side-rendering gjør, så tar serveren seg av jobben med å generer opp sidene. Dette kalle også pre-rendering og vil si at innholdet er generert på forhånd som gjør at løsningen vil oppleves raskere. Mer om dette og mye annet snadder i kurset.
Run npm i to install the project's packages.
$ npm i
Followed by npm run dev to start the development server.
$ npm run dev
npm run dev starts your Next.js development server on port 3000. Let's check to see if it's working. Open http://localhost:3000 on your browser.
Kapittel 1, 2 og 3 er allerede gjort i main-branch av dette prosjektet. Workshopen tar for seg kapittel 4 og utover.
Link til kurset: https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages
NB: Skru av zscaler før du starter på workshopen
Bli kjent med next.js sin router og linking mellom sider
https://nextjs.org/learn/dashboard-app/creating-layouts-and-pages
- Opprett github-profil hvis du ikke allerede har gjort dette.
- Gå inn i repositories og klikk på new knappen for å få laget et github repository
-
Installer github cli ->
brew install gh -
gh auth login -
Velg https innlogging og logg inn med webbrowser
-
Clone repositoriet du lagde i github (feks
git clone https://github.com/alokling/nextjs-workshop.git) -
Kopier kode og konfig fra bitbucket repo til github repo.
-
Add, commit og push koden til main branchen din i github
Koble sammen github og vercel konto for å kunne hoste prosjektet i skyen slik det er beskrevet i kapittel 6.