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

Til dette projekt anvender vi Postgres-databasen. Lad os gennemgå, hvordan den opsættes på Vercel.

## Instruktioner
1. Klik på "Fortsæt til Dashboard";
2. Vælg "Storage" fra fanerne i toppen;
3. Opret "Postgres (Serverless SQL)";
4. Accepter vilkår og betingelser;
5. Navngiv databasen og klik på "Opret og fortsæt";
6. Klik på knappen "Connect".

Efter oprettelse og tilslutning af databasen skal den opsættes og udfyldes med data, der kan arbejdes med.

## Instruktioner
1. Gå til fanen ".env.local";
2. Sørg for, at du har alle nødvendige data:
   - `POSTGRES_URL`;
   - `POSTGRES_PRISMA_URL`;
   - `POSTGRES_URL_NON_POOLING`;
   - `POSTGRES_USER`;
   - `POSTGRES_HOST`;
   - `POSTGRES_PASSWORD`;
   - `POSTGRES_DATABASE`.
3. Kopiér alle dataene og gå til projektet;
4. Find filen `.env.example` i projektets rodmappe. Omdøb den til `.env`;
5. Indsæt de kopierede data fra Vercel;
6. Åbn til sidst terminalen og kør `npm i @vercel/postgres` for at installere Vercel Postgres.

Det sidste trin er at udfylde databasen med data. Dette vil blive gennemgået i det følgende kapitel.

Lær at opbygge moderne, højtydende webapplikationer med Next.js. Opsæt projekter med strukturerede layouts, styling og routing for problemfri navigation. Hent og vis data effektivt, mens du optimerer rendering og ydeevne. Implementer avancerede funktioner som paginering, CRUD-operationer og global søgning for dynamiske webapps. Udrul dine Next.js-projekter, tilslut dem til databaser, og tilføj autentificering for at beskytte brugerdata.

Vi gennemgår, hvad du bør have kendskab til, før du går i gang med Next.js-rammeværket, hvad du kan forvente af dette kursus, og hvilke projekter du kommer til at bygge.

Vi opsætter projektet, undersøger metoder til at tilføje styling til vores app og dækker visuelle aspekter såsom billeder, skrifttyper, sider og layouts.

Lær, hvordan du nemt opretter og administrerer et nyt view til din app og navigerer problemfrit gennem alle sider med et integreret routing-system.

Udrul Next.js-appen ved hjælp af GitHub- og Vercel-konti. Etabler desuden en database for at forsyne appen med de nødvendige data.

Overvej, hvordan data kan indhentes og vises for brugeren på en klar og effektiv måde.

Opdag, hvordan moderne webfunktioner som paginering, CRUD-operationer, global søgning, formularvalidering og mere implementeres.

Implementering af autentificering i Next.js.

Opsætning af et Projekt-Database

Instruktioner

Instruktioner

I praksis

Awesome!

Opsætning af et Projekt-Database

Instruktioner

Instruktioner

I praksis