Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Hur Man Hämtar Data i Next.js | Hämta och Visa Data i Next.js
Next.js 14-Färdighet för att Bygga Moderna Webbappar

bookHur Man Hämtar Data i Next.js

Låt oss diskutera de olika metoderna för att hämta data i Next.js.

API-lager

Ett API-lager fungerar som en brygga mellan din applikationskod och databasen. Du kan överväga att använda ett API i följande situationer:

  1. Tredjepartstjänster: Om du integrerar tredjepartstjänster som erbjuder ett API;
  2. Klientsidig datahämtning: Vid hämtning av data från klienten är det viktigt att ha ett API-lager på servern. Detta hjälper till att hålla dina databashemligheter säkra och förhindrar exponering mot klienten.

Databasfrågor

I en fullstack-applikation behöver du även hantera interaktioner med din databas. För relationsdatabaser som Postgres kan detta göras med SQL eller ett ORM som Prisma. Situationer där du behöver skriva databasfrågor inkluderar:

  1. API-endpunktsskapande: Vid utveckling av dina API-endpunkter måste du skriva logik för att interagera med databasen;
  2. React Server Components: Om du använder React Server Components och hämtar data på servern kan du kringgå API-lagret. Detta gör det möjligt att fråga databasen direkt utan att riskera att exponera känslig information för klienten.

I vårt projekt

Vi kommer att använda SQL med Vercel Postgres SDK av flera skäl:

  • SQL är standarden för att fråga relationsdatabaser;
  • Att lära sig SQL hjälper dig att förstå grunderna i databaser, vilket är tillämpligt på olika verktyg;
  • SQL är mångsidigt för att hämta och manipulera specifik data;
  • Vercel Postgres SDK skyddar mot SQL-injektioner och säkerställer säkra frågor.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 1

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 2.08

bookHur Man Hämtar Data i Next.js

Svep för att visa menyn

Låt oss diskutera de olika metoderna för att hämta data i Next.js.

API-lager

Ett API-lager fungerar som en brygga mellan din applikationskod och databasen. Du kan överväga att använda ett API i följande situationer:

  1. Tredjepartstjänster: Om du integrerar tredjepartstjänster som erbjuder ett API;
  2. Klientsidig datahämtning: Vid hämtning av data från klienten är det viktigt att ha ett API-lager på servern. Detta hjälper till att hålla dina databashemligheter säkra och förhindrar exponering mot klienten.

Databasfrågor

I en fullstack-applikation behöver du även hantera interaktioner med din databas. För relationsdatabaser som Postgres kan detta göras med SQL eller ett ORM som Prisma. Situationer där du behöver skriva databasfrågor inkluderar:

  1. API-endpunktsskapande: Vid utveckling av dina API-endpunkter måste du skriva logik för att interagera med databasen;
  2. React Server Components: Om du använder React Server Components och hämtar data på servern kan du kringgå API-lagret. Detta gör det möjligt att fråga databasen direkt utan att riskera att exponera känslig information för klienten.

I vårt projekt

Vi kommer att använda SQL med Vercel Postgres SDK av flera skäl:

  • SQL är standarden för att fråga relationsdatabaser;
  • Att lära sig SQL hjälper dig att förstå grunderna i databaser, vilket är tillämpligt på olika verktyg;
  • SQL är mångsidigt för att hämta och manipulera specifik data;
  • Vercel Postgres SDK skyddar mot SQL-injektioner och säkerställer säkra frågor.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 1
some-alt