
Makerkit #5 - Server Components in Next.js
Goodbye useEffect. React Server Components in Next.js, shown on a ticketing system: how to fetch data from Supabase safely, straight on the server.
10 articles in this category

Goodbye useEffect. React Server Components in Next.js, shown on a ticketing system: how to fetch data from Supabase safely, straight on the server.

Designing safe schemas in PostgreSQL, migrations in Supabase, and RLS policies that guard not only access but also the business limits of your SaaS.

Does your app still look like a template? Meet Makerkit's configuration architecture, Zod validation and feature flags — and fit the branding to your own product.

Installing Makerkit (Next.js + Supabase) step by step: Turborepo architecture, the role of packages, and the routing structure in the App Router. The essentials, summarised.

The start of a series on building your own SaaS. A survey of the boilerplate market, why I chose Makerkit (Next.js + Supabase), and what working in a monorepo feels like.

Got VS Code and the will? I will show you how to install Node.js, set up a Next.js + Shadcn UI stack, and use AI to build a drone command centre in an hour.

A hands-on interface exercise. We use Shadcn UI components and a little Tailwind magic to build a responsive music player card.

Goodbye static HTML. Meet the trinity of the modern frontend: Next.js, Tailwind CSS and Shadcn UI. We build an interactive app straight in the browser.

A practical guide to MDX in Next.js - from installation to your own components. How to build a blog with interactive content, Server Components and good SEO.

A guide to modern image formats (AVIF, WebP) and how to optimise them in Next.js with the Image component. Speed up your blog without losing quality.