Changelog

This website now uses Makerkit Turbo v2! 🎉

Makerkit has been around for a few years now. The previous website was based with the very first version of Makerkit. This meant that I could not use the innovations of the new kits into this website, such as: the Testimonials plugin, the Roadmap plugin, actual previews for the components, the Analytics plugin, and more.

After 2 weeks of work, I managed to update the website to use the new version of Makerkit Turbo.

This update opens the doors for plenty more features to this website and tools for the community, which will be released soon.

Thanks to the Makerkit community for their support and contributions!

It was only two updates ago that I released the update for Makerkit's Sidebar. The update included a new minimized/collapsed behavior that allows the sidebar to expand upon hovering it.

Little did I know that Shadcn was releasing a new Sidebar component, which is a more powerful and modern design.

As such - we've updated the sidebar to use the new Shadcn Sidebar (plus, all the additions that existed in our previous sidebar).

The new design is nicer, more polished, and the new component allows you to compose your sidebar for a much more powerful experience.

Check out the Blog post announcement for more information.

Vercel has finally released Next.js 15, which is a major update to Next.js. Makerkit has been kept up to date with the latest version of Next.js, therefore we're ready to use the latest features and improvements on the very same day.

What's new in Next.js 15?

1. Much improved Turbopack performance
2. The new React Compiler, speeding up and improving the development experience
3. Caching is now less aggressive and more conventional, resulting in an improved DX
4. Better Server Side Monitoring using the new Instrumentation API
5. General improvements and fixes, and dependencies updates

For more information, please check out the Update to Next.js 15 guide. If you find difficulties, please head to our Discord server; we have a mega-thread dedicated to upgrading to Next.js 15.

By popular demand, we've added a new feature to the sidebar: the ability to keep it collapsed and offer more real estate for your app.

Similarly to important services such as Supabase or OpenAI, Makerkit's sidebar can now be collapsed, and expanded upon hovering it.

This is great for those SaaS who need the maximum space for their app, but don't want to clutter the screen. The sidebar's background is translucent, so it blends in with the background and offers a stylish look.

This is not the default behavior (for retro-compatibility reasons), but you can enable using environment variables.

For more information, please check out the Layout documentation.

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:

1. 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.
2. 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.
3. 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.
4. 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.
5. 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.

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.

🎉 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!

🌟 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.

1. 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.
2. Get Feedback: Your customers can propose and vote on features they'd like to see implemented, helping you prioritize your development efforts.
3. 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.

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.

🌟 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..

🎭 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

Simplify complex form creation while ensuring data integrity. Learn more.

🎓 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!

📣 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.

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

1. Stores app version (git commit hash) in /version route at build time
2. Polls server for current version every 2 minutes (configurable)
3. Prompts user to reload if a new version is detected
4. App reloads with the latest version when user confirms

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

1. Install the Waitlist Plugin using the Makerkit CLI
2. Add the waitlist migrations to your database
3. Customize and place the waitlist form in your app
4. Manage your waitlist through the Supabase dashboard or custom queries
5. Automatically notify users when they're approved for access

Check out the full documentation for detailed installation and usage instructions.

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.

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.

🚀 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:

1. Performance: Unparalleled performance in local development thanks to Vite
2. Remix Standards: Built-in support for Remix's conventions and best practices
3. Supabase Integration: Seamless integration with Supabase for data storage and authentication
4. 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 .

🚀 We're excited to announce that all the AI Templates are now available for Makerkit v2 Turbo (Next.js Supabase).

These include:

1. AI Avatars: A SaaS product that generates AI avatars for your users
2. AI PDF Chat: A SaaS product that allows users to chat with their PDFs using AI
3. AI Blog Writer: A SaaS product that generates blog posts using AI
4. AI Chatbots: A SaaS product that allows users to build Chatbots for their websites using AI

🚀 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:

1. Developer Experience: A delightful development experience with Next.js using the very latest features such as Server Components and Server Actions
2. Supabase Integration: Seamless integration with Supabase for data storage and authentication
3. 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 .