Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Sådan Hentes Data i Next.js | Hentning og Visning af Data i Next.js
Next.js 14 Ekspertise til Udvikling af Moderne Webapplikationer

bookSådan Hentes Data i Next.js

Lad os gennemgå de forskellige metoder til at hente data i Next.js.

API-lag

Et API-lag fungerer som et bindeled mellem din applikationskode og databasen. Du kan overveje at bruge et API i følgende situationer:

  1. Tredjepartsservices: Hvis du integrerer tredjepartsservices, der tilbyder et API;
  2. Klientside datahentning: Ved hentning af data fra klienten er det vigtigt at have et API-lag på serveren. Dette hjælper med at holde dine databasehemmeligheder sikre og forhindrer eksponering til klienten.

Databaseforespørgsler

I en full-stack applikation skal du også håndtere interaktioner med din database. For relationelle databaser som Postgres kan dette gøres ved hjælp af SQL eller et ORM som Prisma. Situationer hvor du skal skrive databaseforespørgsler omfatter:

  1. Oprettelse af API-endpoints: Ved udvikling af dine API-endpoints skal du skrive logik til at interagere med databasen;
  2. React Server Components: Hvis du anvender React Server Components og henter data på serveren, kan du omgå API-laget. Dette gør det muligt at forespørge databasen direkte uden risiko for at eksponere følsomme oplysninger til klienten.

I vores projekt

Vi vil bruge SQL med Vercel Postgres SDK af flere grunde:

  • SQL er standarden for forespørgsler til relationelle databaser;
  • At lære SQL hjælper dig med at forstå grundlæggende databasekoncepter, som kan anvendes på forskellige værktøjer;
  • SQL er alsidigt til at hente og manipulere specifikke data;
  • Vercel Postgres SDK beskytter mod SQL-injektioner og sikrer dermed sikre forespørgsler.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 1

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Suggested prompts:

Can you explain the difference between using an API layer and querying the database directly in Next.js?

Why is it important to centralize database queries in a single file like app/lib/data.ts?

How does the Vercel Postgres SDK help protect against SQL injections?

Awesome!

Completion rate improved to 2.08

bookSådan Hentes Data i Next.js

Stryg for at vise menuen

Lad os gennemgå de forskellige metoder til at hente data i Next.js.

API-lag

Et API-lag fungerer som et bindeled mellem din applikationskode og databasen. Du kan overveje at bruge et API i følgende situationer:

  1. Tredjepartsservices: Hvis du integrerer tredjepartsservices, der tilbyder et API;
  2. Klientside datahentning: Ved hentning af data fra klienten er det vigtigt at have et API-lag på serveren. Dette hjælper med at holde dine databasehemmeligheder sikre og forhindrer eksponering til klienten.

Databaseforespørgsler

I en full-stack applikation skal du også håndtere interaktioner med din database. For relationelle databaser som Postgres kan dette gøres ved hjælp af SQL eller et ORM som Prisma. Situationer hvor du skal skrive databaseforespørgsler omfatter:

  1. Oprettelse af API-endpoints: Ved udvikling af dine API-endpoints skal du skrive logik til at interagere med databasen;
  2. React Server Components: Hvis du anvender React Server Components og henter data på serveren, kan du omgå API-laget. Dette gør det muligt at forespørge databasen direkte uden risiko for at eksponere følsomme oplysninger til klienten.

I vores projekt

Vi vil bruge SQL med Vercel Postgres SDK af flere grunde:

  • SQL er standarden for forespørgsler til relationelle databaser;
  • At lære SQL hjælper dig med at forstå grundlæggende databasekoncepter, som kan anvendes på forskellige værktøjer;
  • SQL er alsidigt til at hente og manipulere specifikke data;
  • Vercel Postgres SDK beskytter mod SQL-injektioner og sikrer dermed sikre forespørgsler.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 1
some-alt