The latest version of React Router 7 is now available. This version brings many improvements and new features to the router, including:
Introducing React Router 7 Kit: The Evolution of the Remix Kit
We're excited to announce the release of our React Router 7 + Supabase SaaS Kit! This new kit represents the natural evolution of our popular Remix Kit, built to leverage the power and simplicity of React Router 7 while maintaining the robust feature set you've come to expect.
React Router 7 brings the developer experience we loved in Remix to a more flexible architecture. As the Remix team has moved core routing functionality into React Router, we've followed suit to give you:
- A more lightweight and flexible foundation
- Better integration with the wider React ecosystem
- Comparable performance with less framework overhead
- The same excellent developer experience
Key Improvements in React Router 7
- TypeScript Excellence: Fully leverages React Router 7's improved type system for better development experience and type safety
- Consolidated Imports: All router functionality imported directly from 'react-router'
- Centralized Routing Configuration: Moved from file-based routing to a powerful configuration-based approach in routes.ts
- Enhanced Performance: Optimized for faster loading and rendering with React Router 7's new architecture
- Simplified Migration Path: Familiar patterns for Remix users with streamlined APIs
- Feature-Parity with our Next.js Kit
Same Great Features
The kit retains all the beloved features from our Remix version:
- Multi-tenant SaaS architecture with team management
- Complete authentication flows with Supabase Auth
- Subscription management and billing integration
- Comprehensive admin functionality
- Marketing site with blog and documentation
- Dark/light mode support
Getting Started
Whether you're coming from our Remix Kit or starting fresh, you'll find the React Router 7 Kit intuitive and powerful. We've provided comprehensive migration documentation to ease the transition for existing users.
Check out the documentation to get started, or browse the GitHub repository for more information.