- Upgrading the Turbo kit to Next.js 15
- ... and more fixes, improvements and optimizations
Changelog
The most important changes and updates to Makerkit
Starting from the release of Makerkit v2Under Development...
Below is a list of tasks currently under development and planned to be released soon in the next month or so. The list can change based on priorities and feedback.
Recipes
Introducing Recipes: extend Makerkit with step-by-step guides
I am announcing the release of Recipes: recipes are step-by-step guides that stem from common requests from customers to extend Makerkit with new features.
As Makerkit is a Starter Kit, it needs to work for everyone. By baking certain features into the kit, we may make it easier for some, but harder for others. The goal is to for the kit to be as flexible as possible, and to make it easy for developers to extend it with their own features.
Recipes are a way to make this possible. They are step-by-step guides that show how to extend Makerkit with new features. Recipes are a great way to get started, and they can be used as a reference for future projects.
We start with five recipes:
- Team Accounts Only: A recipe that shows how to build a SaaS with team accounts only, and hide away the personal account workspace. This is ideal for those who don't want to show the personal account workspace to their customers.
- Checkout after signup: A recipe that shows how to add a checkout flow after the user signs up. This is ideal for those who want to gate access to the app until the user has completed the checkout. This also includes an onboarding flow.
- Projects Data Model: A recipe that shows how to add a projects data model to the SaaS. This is ideal for those who want to add Projects/Workspaces to their SaaS.
- Stripe Checkout Addons: A recipe that shows how to add Stripe Checkout Addons to the SaaS. This is ideal for those who want to stack multiple plans on top of each other.
- Subscription Entitlements: A recipe that shows how to add subscription entitlements: this helps customers manage what features they can access based on their subscription plan.
These recipes will be updated regularly, and it's likely that we will add more based on common requests from customers.
Analytics Package
Introducing a new analytics package to help you track and analyze user behavior with any analytics provider.
We're excited to introduce our new Analytics Package, a powerful addition to the Makerkit SaaS starter kit. This update brings a flexible, provider-agnostic Analytics API and an App Events System, allowing for seamless integration with various analytics services.
The package introduces automatic page view tracking for Next.js applications and includes built-in support for popular services like PostHog, Umami, and Google Analytics. Developers can now easily track user behavior with pre-configured events for sign-ins, sign-ups, checkout initiations, and profile updates.
Our new API simplifies user identification and custom event tracking, while the centralized event handling system keeps your analytics logic clean and maintainable. The package's extensible design allows for easy implementation of custom analytics providers, adapting to diverse SaaS analytics needs.
To support a smooth integration process, we've provided comprehensive documentation detailing the new features and implementation guidelines. This update significantly enhances the analytics capabilities of Makerkit projects, offering developers greater insight into user behavior and app usage.
To learn more about the new Analytics package, check out the Analytics Package announcement.
New Dashboard Design
Introducing a new dashboard design with improved navigation and customization options.
🎉 We're excited to announce the release of our new Dashboard Design, featuring a fresh look and enhanced functionality to help you manage your projects more efficiently.
Updated using Shadcn UI Charts, the new dashboard demo offers new Charts and Widgets you can use as starting points for your own custom dashboards.
The new design updates include: updated navigation using Breadcrumbs, improved dark mode colors, improved sidebar layout, and new components!
Check out the new Dashboard Design in our Live Demo and let me know what you think!
Roadmap Plugin
Introducing the Roadmap Plugin, a powerful tool for managing and sharing your project's development timeline.
🌟 Get Feedback and Showcase Your Project's Development Timeline with the Roadmap Plugin.
We're excited to announce the release of the Roadmap Plugin, a powerful tool for managing and sharing your project's development timeline. With the Roadmap Plugin, you can easily create and update a roadmap for your project, allow customers to see what features are coming up, and get feedback on your plans.
- Display your roadmap: Showcase your project's development timeline using two views: List or Kanban. The List view provides a simple list of features and their status, while the Kanban view offers a more visual representation of your roadmap.
- Get Feedback: Your customers can propose and vote on features they'd like to see implemented, helping you prioritize your development efforts.
- Manage your roadmap: Easily add, edit, and delete features from your roadmap, and update their status as they progress through development.
Read more about the Roadmap Plugin in our announcement post.
Marketing Components
Create professional landing pages with Makerkit's Marketing Components
We've introduced a powerful set of Marketing Components to help you build stunning landing pages with ease. These reusable UI components are designed to make creating captivating, responsive marketing websites faster and more intuitive.
Additionally, I redesigned the kit's landing page to use these components, showcasing their capabilities and flexibility.
- Hero: Create eye-catching above-the-fold content with customizable title, subtitle, CTA, and feature highlight pill.
- FeatureShowcase: Highlight your product's best attributes in a visually appealing layout.
- FeatureGrid and FeatureCard: Organize and present product features in a clean, structured manner.
- SecondaryHero: Add emphasis to multiple key points on your landing page.
- Header and Footer: Polish your page with sleek navigation and informative footer sections.
- CtaButton: Drive user engagement with eye-catching call-to-action buttons.
- GradientText and GradientSecondaryText: Add a modern touch to your typography with customizable gradient effects.
- NewsletterSignup: Encourage users to subscribe with a stylish newsletter signup form.
These components work seamlessly together, allowing you to construct professional-looking landing pages in minutes. They're fully customizable and responsive, ensuring your pages look great on all devices.
Checkout the Marketing Components documentation for detailed usage instructions and examples.
Testimonial Plugin
Introducing the Testimonials Plugin, a new way to showcase your customer's feedback.
🌟 Showcase customer love with our new Testimonial Plugin
The Testimonial Plugin for Makerkit is here to make your life easier and showcase your testimonials for free, with no limitations and full customization.
- Testimonial Component: Display reviews in various styles
- Submission Forms: Collect text or video testimonials from users
- Admin Panel: Manage, approve, and curate testimonials
- Manual Entry: Add testimonials received through other channels
- Wall of Love: Create an eye-catching display of your best feedback
Save on third-party services and fully customize to match your brand. Learn more about the Testimonial Plugin..
Multi-Step Forms
Introducing the Multi-Step Forms component, a new way to break down complex forms into bite-sized steps.
🎠Create dynamic, validated multi-step forms with ease
- Flexible Structure: Build forms with any number of steps
- Built-in Validation: Seamless integration with Zod for per-step and overall form validation
- Smooth Transitions: Animated step transitions for a polished user experience
- React Hook Form Integration: Leverages the power and simplicity of react-hook-form
- Customizable UI: Compatible with Shadcn UI components for consistent styling
- Context Provider: Easy access to form state and navigation methods
- TypeScript Support: Fully typed for a robust development experience
Loading video...
Simplify complex form creation while ensuring data integrity. Learn more.
New Course to master Makerkit v2 Turbo
Introducing the new course to help you build your Makerkit SaaS projects
🎓 Learn to build a SaaS product from scratch with our comprehensive guide
- Hands-on Project: Build a Customer Support helpdesk app
- Tech Stack Deep Dive: Master Next.js App Router and Supabase
- Full SaaS Lifecycle: From setup to production deployment
- Customization: Tailor your app's design to your brand
- Real-world Application: Create features usable in your own SaaS
Accelerate your SaaS development journey with practical, code-first learning.
Start the course today!
Feedback Plugin
Introducing the Feedback Plugin, a new way to collect and manage user feedback.
📣 Give your users a voice with our new Feedback Plugin!
- Interactive Form: Customizable feedback form that can be placed anywhere in your app
- Admin Dashboard: Collect and manage user feedback in the Makerkit admin panel
- Easy Installation: Simple CLI command to add the plugin to your project
- Database Integration: Automatic migrations for seamless data storage
- Admin Pages: Ready-to-use admin pages for viewing and managing feedback
- Flexible UI: Customizable trigger button for collecting feedback
Enhance your user experience and gather valuable insights. Learn how to install the Feedback Plugin.
Version Updater
Introducing the Version Updater component to notify your users when a new version is available
We've added a new Version Updater component to keep your app in sync and prevent client-server mismatches.
This feature is especially useful for hybrid applications or deployments outside of Vercel.
Details
- Automatically checks for new app versions
- Prompts users to update when a new version is available
- Configurable polling interval
- Unobtrusive design that doesn't interrupt user flow
How it works
- Stores app version (git commit hash) in
/version
route at build time - Polls server for current version every 2 minutes (configurable)
- Prompts user to reload if a new version is detected
- App reloads with the latest version when user confirms
Waitlist Plugin
Introducing the new Waitlist plugin to collect emails before you've launched
New Waitlist Plugin 🎉
- Allows users to sign up for early access to your app
- Adds a customizable waitlist signup form
- Creates a
waitlist
table in the database to store interested users - Includes a mechanism to approve users from the waitlist
- Automatically sends email notifications to approved users
- Full documentation available for easy integration
How to Use
- Install the Waitlist Plugin using the Makerkit CLI
- Add the waitlist migrations to your database
- Customize and place the waitlist form in your app
- Manage your waitlist through the Supabase dashboard or custom queries
- Automatically notify users when they're approved for access
Check out the full documentation for detailed installation and usage instructions.
Emails Starter
Introducing the new Emails Starter template to help you get started with your email templates
The Emails Starter is a react.email repository with emails styled for Supabase Auth. It includes a collection of responsive email templates that you can use to get started with your email designs.
You can use this Starter to customize the core email templates for your Makerkit project. The templates are built with React and styled with Tailwind CSS, making them easy to modify and adapt to your brand.
You can have access as a Makerkit licensee by visiting the Emails Starter repository.
Environment Variables Generator
Go to production faster with the new Environment Variables Generator tool.
Introducing the Environment Variables Generator, a new tool to easily set your project's environment variables.
The CLI script will ask you for the required environment variables and generate a .env.local
file for your project. You can then use this file to create your production deployment environment variables in your hosting provider.
Makerkit v2 is now available (Remix)
The Remix Supabase version of Makerkit turbo is now available for production usage
🚀 We're excited to announce that the Remix version of Makerkit turbo is now available for production usage.
Every feature you love in the Next.js version is now available in Remix. You can now build your SaaS projects with the power of Remix and Supabase.
What you can expect from the Remix version:
- Performance: Unparalleled performance in local development thanks to Vite
- Remix Standards: Built-in support for Remix's conventions and best practices
- Supabase Integration: Seamless integration with Supabase for data storage and authentication
- Makerkit: The same delightful development experience as the Next.js version
And of course, a ton more! Read the documentation to get started with Makerkit .
AI Templates for Next.js v2
All the AI templates are now available for Makerkit v2 Turbo (Next.js Supabase)
🚀 We're excited to announce that all the AI Templates are now available for Makerkit v2 Turbo (Next.js Supabase).
These include:
- AI Avatars: A SaaS product that generates AI avatars for your users
- AI PDF Chat: A SaaS product that allows users to chat with their PDFs using AI
- AI Blog Writer: A SaaS product that generates blog posts using AI
- AI Chatbots: A SaaS product that allows users to build Chatbots for their websites using AI
Makerkit v2 is now available (Next.js)
The Next.js Supabase version of Makerkit turbo is now available for production usage
🚀 We're excited to announce that the Next.js version of Makerkit turbo is now available for production usage.
You can start using Makerkit v2 to build your SaaS projects with the power of Next.js and Supabase - the perfect combination for a modern web app.
What you can expect from the Next.js version:
- Developer Experience: A delightful development experience with Next.js using the very latest features such as Server Components and Server Actions
- Supabase Integration: Seamless integration with Supabase for data storage and authentication
- Shadcn UI: the best UI library for React, with a wide range of components and styles to choose from, plus some specific components for Makerkit
And of course, a ton more! Read the documentation to get started with Makerkit .