Blog

The blog of Makerkit. Discover the latest about Makerkit, Next.js, Supabase, and more.

Introducing the React Router 7 SaaS Starter KitAnnouncing the release of our React Router 7 + Supabase SaaS Boilerplate! The SaaS template for shipping your SaaS with React Router 7.
Using OTP Verification in MakerkitLearn how to implement OTP verification in Makerkit to add extra security to your application.
Announcing the Makerkit Dev ToolsMakerkit Dev Tools is a suite of development utilities that helps you validate, debug, and manage your Next.js Supabase application during development.
Introducing the Figma UI Kit for MakerkitWe're excited to announce the release of the Figma UI Kit for Makerkit. This kit allows you to easily create beautiful and consistent UI components using Figma.
Announcing the React Native Expo Kit for MakerkitWe're excited to announce the release of the React Native Expo Kit - an Open Source Kit for Makerkit apps. It's a fully-functional React Native app that allows you to build and deploy your SaaS using Expo.
Best Practices for Building a SaaS with Windsurf and MakerkitWindsurf is a new AI-powered editor taking the developer experience to the next level. With the new optimized rules for Makerkit, building a SaaS just got a lot easier!
Best Practices for Building a SaaS with Cursor and MakerkitCursor is the hottest AI editor in the market. With the new optimized rules for Makerkit, building a SaaS just got a lot easier!
2024 Review - and a look at the future2024 was a year of great changes for Makerkit. Here's a look at what we've accomplished and what's next.
Introducing a free and open source Next.js Supabase SaaS Starter KitLooking for a free Next.js SaaS Template? Announcing a lite version of our Next.js Supabase SaaS Boilerplate, now open source!
Updating Shadcn UI Components to React 19In React 19, the 'forwardRef' function was deprecated. This post will show you how to update your Shadcn UI components to work with React 19 and ensure future compatibility.
Building a Real-time Notification System with Supabase and Next.jsLearn how to build a complete real-time notification system using Supabase and Next.js. Includes live updates, dismissible notifications, and Row Level Security.
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.
Using Drizzle ORM with Supabase in Next.js: A Complete GuideIn this comprehensive guide, we'll walk through integrating Drizzle ORM with your Next.js Supabase project, offering you the best of both worlds: Supabase's powerful features and Drizzle's type-safe query builder.
Smoke Testing Your SaaS: A Practical Guide for FoundersLearn how to implement effective smoke testing for your SaaS application. This guide covers essential test scenarios, implementation strategies, and best practices to quickly verify core functionality.
SaaS Error Monitoring with TelegramTelegram bots are super fun and easy to set up. In this post, we'll show you how to use Telegram to monitor your SaaS and get notified when errors occur in Makerkit
End-to-End Testing Your SaaS with PlaywrightLearn end-to-end testing with Playwright using real-world examples from a Next.js SaaS application. Covers test architecture, Page Object patterns, CI/CD setup, and practical strategies for reliable tests.
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.
Server Actions vs Route Handlers: When to Use Each in Next.jsServer Actions handle internal mutations with type safety. Route Handlers build external APIs. Learn when to use each in Next.js with a clear decision framework.
Server-only Code in Next.js 15Ensure your Next.js code is only executed on the server-side using these lesser known Next.js features
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.
Previous PagePage 3 of 9Next Page