Data Fetching in Next.js Supabase Turbo

Here's a draft of the Data Fetching pillar page for Makerkit:

Data Fetching in Makerkit

Makerkit provides a robust approach to fetching and managing data in your Next.js Supabase application. Whether you're building server components, handling real-time updates, or managing client-side state, Makerkit offers patterns and utilities to make data fetching clean and efficient.

Data Loading Patterns

Common patterns for loading data include:

Server Component data fetching for initial page loads
React Query for client-side data management
Server Actions for mutations
CSRF and Captcha protection for API Routes

In the section below, you'll find detailed information on each of these patterns:

Supabase Clients
Server Components
Server Actions
Route Handlers
CSRF Protection
Captcha Protection

Data Fetching in Next.js Supabase Turbo

Data Fetching in Next.js Supabase Turbo

Data Fetching in Makerkit

Data Loading Patterns

Navigation

Data Fetching in Next.js Supabase Turbo

Data Fetching in Next.js Supabase Turbo

Data Fetching in Makerkit

Data Loading Patterns

Navigation