Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Hvordan Hente Data i Next.js | Henting og Visning av Data i Next.js
Next.js 14-mestring for Bygging av Moderne Webapplikasjoner

bookHvordan Hente Data i Next.js

La oss se på ulike metoder for å hente data i Next.js.

API-lag

Et API-lag fungerer som en bro mellom applikasjonskoden og databasen. Du bør vurdere å bruke et API i følgende situasjoner:

  1. Tredjepartstjenester: Hvis du integrerer tredjepartstjenester som tilbyr et API;
  2. Klientside datainnhenting: Når du henter data fra klienten, er det viktig å ha et API-lag på serveren. Dette bidrar til å holde databasehemmeligheter sikre og forhindrer eksponering mot klienten.

Database Queries

I en fullstack-applikasjon må du også håndtere interaksjoner med databasen din. For relasjonsdatabaser som Postgres, kan dette gjøres ved hjelp av SQL eller et ORM-verktøy som Prisma. Situasjoner hvor du må skrive databaseforespørsler inkluderer:

  1. API-endepunktopprettelse: Ved utvikling av API-endepunkter må du skrive logikk for å samhandle med databasen;
  2. React Server Components: Hvis du bruker React Server Components og henter data på serveren, kan du omgå API-laget. Dette gjør det mulig å forespørre databasen direkte uten å risikere å eksponere sensitiv informasjon til klienten.

I vårt prosjekt

Vi vil bruke SQL med Vercel Postgres SDK av flere grunner:

  • SQL er standarden for spørringer mot relasjonsdatabaser;
  • Å lære SQL gir grunnleggende forståelse av databaser, noe som er relevant for ulike verktøy;
  • SQL er allsidig for å hente og manipulere spesifikke data;
  • Vercel Postgres SDK beskytter mot SQL-injeksjoner og sikrer trygge spørringer.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 1

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 2.08

bookHvordan Hente Data i Next.js

Sveip for å vise menyen

La oss se på ulike metoder for å hente data i Next.js.

API-lag

Et API-lag fungerer som en bro mellom applikasjonskoden og databasen. Du bør vurdere å bruke et API i følgende situasjoner:

  1. Tredjepartstjenester: Hvis du integrerer tredjepartstjenester som tilbyr et API;
  2. Klientside datainnhenting: Når du henter data fra klienten, er det viktig å ha et API-lag på serveren. Dette bidrar til å holde databasehemmeligheter sikre og forhindrer eksponering mot klienten.

Database Queries

I en fullstack-applikasjon må du også håndtere interaksjoner med databasen din. For relasjonsdatabaser som Postgres, kan dette gjøres ved hjelp av SQL eller et ORM-verktøy som Prisma. Situasjoner hvor du må skrive databaseforespørsler inkluderer:

  1. API-endepunktopprettelse: Ved utvikling av API-endepunkter må du skrive logikk for å samhandle med databasen;
  2. React Server Components: Hvis du bruker React Server Components og henter data på serveren, kan du omgå API-laget. Dette gjør det mulig å forespørre databasen direkte uten å risikere å eksponere sensitiv informasjon til klienten.

I vårt prosjekt

Vi vil bruke SQL med Vercel Postgres SDK av flere grunner:

  • SQL er standarden for spørringer mot relasjonsdatabaser;
  • Å lære SQL gir grunnleggende forståelse av databaser, noe som er relevant for ulike verktøy;
  • SQL er allsidig for å hente og manipulere spesifikke data;
  • Vercel Postgres SDK beskytter mot SQL-injeksjoner og sikrer trygge spørringer.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 1
some-alt