Note: This documentation uses Next.js App Router. If you're still on Pages Router, see the migration guide.
💡 Concepts
Understanding the core concepts behind boiler.plate's UI-driven modular architecture.
Visual Module Selection
boiler.plate provides an intuitive web interface where you can visually select and configure modules. Each module displays its dependencies, version, and configuration requirements in real-time.
Quick Start Stacks
Pre-configured module combinations like "Supabase + Stripe SaaS" that automatically select compatible modules and provide recommended configurations for common use cases.
Environment Configuration UI
When modules require environment variables, boiler.plate opens configuration modals that guide you through setting up API keys, database URLs, and other required settings with helpful hints and validation.
Dependency Resolution
The UI automatically handles module dependencies - selecting a module that requires another will automatically include the dependency and show you what's been added to your project.
Real-time Project Preview
As you select modules, the interface shows you exactly what files will be generated, what packages will be installed, and how modules will integrate together before you generate your project.