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

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

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