tutorials

All the articles about tutorials in the Makerkit blog

Build an MCP Server with OAuth Authentication for Your SaaSBuild a remote MCP server your users connect AI agents to, authenticated with OAuth 2.1 and PKCE via Supabase. Covers consent, per-workspace scoping, token validation and RLS.
Better Auth + TanStack Start: Wiring Auth the Right Way (2026)Wire Better Auth into TanStack Start the production way: a server-function session boundary, SSR cookies on Nitro without middleware.ts, beforeLoad guards, org/RBAC middleware, and 2FA/OTP as shipped. Real file:line receipts from a kit that runs Better Auth on TanStack Start today. Tested July 2026.
Multi-Tenant SaaS Architecture with Postgres RLS: A Working PatternHow to build multi-tenant SaaS architecture with Postgres Row Level Security. The accounts model, tenant isolation strategies, real RLS policies, and roles/permissions, with runnable code from a production Next.js and Supabase starter.
TanStack Start + Supabase Auth: The Production Setup (2026)Wire Supabase Auth into TanStack Start the production way: a cookie-correct @supabase/ssr server client, getClaims() for verified JWTs, beforeLoad guards, an RBAC middleware stack, and RLS from server functions. Pulled straight from our shipped TanStack Start Supabase kit.
TanStack Start ORM: Drizzle or Prisma for Your SaaS?Choosing an ORM for a TanStack Start SaaS: Drizzle vs Prisma compared on Nitro cold starts, bundle size, migrations, type-safety, raw SQL, and behavior inside server functions. Real code from both MakerKit kits, plus what we default to.
TanStack Start vs Next.js in 2026: Which React Framework for Production SaaSTanStack Start vs Next.js compared for production SaaS in 2026. Type-safe routing, data fetching, server functions, Vite + Nitro deploy-anywhere vs the App Router, RSC, auth and billing. An opinionated 'what we chose and why' from the team shipping kits on both.
What Is TanStack Start? A 2026 Guide for React DevelopersTanStack Start is a full-stack React framework built on TanStack Router, Vite, and Nitro. Learn its core concepts (server functions, loaders, type-safe routing), whether it's production ready, and how it compares to Next.js.