typescript

Everything you need to know about "typescript" in the Makerkit blog

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.
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.
Unit Testing Prisma ORM with pgLite and VitestTest Prisma database services using pgLite for fast, isolated tests without Docker. Covers setup, migrations, test factories, and real service testing patterns.
Drizzle vs Prisma ORM in 2026: A Practical Comparison for TypeScript DevelopersCompare Drizzle ORM and Prisma 7 with real production examples. Learn the key differences in schema design, performance, migrations, and when to choose the best TypeScript ORM for your Next.js or Node.js project.
Building Embeddable React Widgets: Production-Ready GuideLearn to build production-ready embeddable React widgets. Bundle with Rollup, isolate styles with Shadow DOM, and deploy a single script that works on any website.
Next.js 16 App Router Project Structure: The Definitive GuideLearn how to structure a production-grade Next.js 16 App Router project using Turborepo, route groups, feature packages, and battle-tested patterns from shipping real SaaS applications.
Generate Dynamic OG Images with Next.js 16Learn to generate dynamic Open Graph images in Next.js 16 using ImageResponse and Sharp. Covers the opengraph-image.tsx convention, custom fonts, and Vercel deployment.