Archivo del skill

Nextjs Data Fetching

Name: Nextjs Data Fetching
Author: mehmet-karataslar

Implements data fetching in Next.js (Server Components, fetch, cache, revalidate). Use when the user asks to load data for a page, implement SSR, set up caching, or fix loading/streaming behavior.

mehmet-karataslar0 estrellas9 mar 2026

Ocupación
Categorías: Backend

Contenido de la habilidad

Next.js Veri Çekme

Ne Zaman Kullanılır

Sayfa veya layout için veri yükleme
Cache ve revalidation stratejisi seçimi
Loading/error UI ile birlikte stream veya suspense kullanımı

Yöntemler

1. Server Component’ta Doğrudan Fetch

page.tsx veya layout.tsx içinde async fonksiyon; await fetch() veya lib fonksiyonu.
Next.js fetch varsayılan olarak cache’ler; cache: 'no-store' veya next: { revalidate: 60 } ile davranışı ayarla.

export default async function Page() {
  const res = await fetch('https://api.example.com/posts', {
    next: { revalidate: 60 },
  });
  const posts = await res.json();
  return <PostList posts={posts} />;
}

Skills relacionados

Nextjs Data Fetching | Skills Pool

Nextjs Data Fetching

Next.js Veri Çekme

Ne Zaman Kullanılır

Yöntemler

1. Server Component’ta Doğrudan Fetch

Nextjs Data Fetching

Next.js Veri Çekme

Ne Zaman Kullanılır

Yöntemler

1. Server Component’ta Doğrudan Fetch

2. Loading ve Error UI

3. Client Tarafında Veri

4. Cache Stratejisi

Kontrol Listesi

Xurl

Acp Router

Coding Standards

Api Design

Mcp Server Patterns

Backend Patterns