Summary  
This chapter explains how to configure and connect a PostgreSQL database to your project by setting environment variables and installing the required dependency.  

General domain of usage  
Web application backends

For dette prosjektet skal vi bruke Postgres-databasen. La oss se hvordan den settes opp på Vercel.

## Instruksjoner
1. Klikk "Continue to Dashboard";
2. Velg "Storage" fra fanene i toppmenyen;
3. Opprett "Postgres (Serverless SQL)";
4. Godta vilkårene og betingelsene;
5. Gi databasen et navn og klikk "Create and Continue";
6. Klikk på "Connect"-knappen.

Etter å ha opprettet og koblet til databasen, må vi konfigurere den og fylle den med data som skal brukes.

## Instruksjoner
1. Gå til fanen ".env.local";
2. Sørg for at du har all nødvendig informasjon:
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Kopier all informasjonen og gå til prosjektet;
4. Finn filen `.env.example` i prosjektets rotmappe. Gi den nytt navn til `.env`;
5. Lim inn den kopierte informasjonen fra Vercel;
6. Åpne til slutt terminalen og kjør `npm i @vercel/postgres` for å installere Vercel Postgres.

Det siste steget som gjenstår er å fylle databasen med data. Vi fokuserer på dette i neste kapittel.

Lær å bygge moderne, høytytende webapplikasjoner med Next.js. Sett opp prosjekter med strukturerte oppsett, styling og ruting for sømløs navigasjon. Hent og vis data effektivt samtidig som du optimaliserer rendering og ytelse. Implementer avanserte funksjoner som paginering, CRUD-operasjoner og globalt søk for dynamiske webapplikasjoner. Distribuer dine Next.js-prosjekter, koble dem til databaser og legg til autentisering for å beskytte brukerdata.

Vi skal diskutere hva du bør kunne før du begynner med Next.js-rammeverket, hva du kan forvente av dette kurset, og hva du kommer til å bygge.

Vi setter opp prosjektet, undersøker måter å legge til styling i appen vår på, og dekker visuelle aspekter som bilder, fonter, sider og oppsett.

Lær hvordan du enkelt kan opprette og administrere et nytt visningsbilde for applikasjonen din, samt navigere sømløst mellom alle sider med et integrert rutingsystem.

Distribuer Next.js-appen ved hjelp av GitHub- og Vercel-kontoer. Etabler i tillegg en database for å levere nødvendig data til appen.

Vurder hvordan data kan hentes og vises for brukeren på en tydelig og effektiv måte.

Lær hvordan du implementerer moderne nettfunksjoner som paginering, CRUD-operasjoner, globalt søk, skjemavalidering og mer.

Implementering av autentisering i Next.js.

Oppsett av Prosjektets Database

Instruksjoner

Instruksjoner

I praksis

Awesome!

Oppsett av Prosjektets Database

Instruksjoner

Instruksjoner

I praksis