Hur 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.