Changelog

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 .