Introduction
Get started with TurboStarter extension kit.
Welcome to the TurboStarter documentation. This is your starting point for learning about the starter kit, its structure, features, and how to use it for your app development.
What is TurboStarter?
TurboStarter is a fullstack starter kit that helps you build scalable and production-ready web apps, mobile apps, and browser extensions in minutes.
Principles
TurboStarter is built with the following principles:
- As simple as possible - It should be easy to understand, easy to use, and strongly avoid overengineering things.
- As few dependencies as possible - It should have as few dependencies as possible to allow you to take full control over every part of the project.
- As performant as possible - It should be fast and light without any unnecessary overhead.
Features
Before diving into the technical details, let's overview the features TurboStarter provides.
Multi-platform development
- Web: Build web apps with React, Next.js, and Tailwind CSS.
- Mobile: Build mobile apps with React Native and Expo.
- Browser extension: Build browser extensions with React and WXT.
Available. Everywhere.
Most features are available on all platforms. You can use the same codebase to build web, mobile, and browser extension apps.
Authentication
Ready-to-use components and views
Pre-built authentication components and pages that match your brand's unique style.
Email/password authentication
Traditional email and password auth implementing validation and security best practices.
Magic links
Passwordless authentication through secure email-based magic links, including rate limiting.
Password recovery
Complete password reset flow including email verification and secure token handling.
OAuth providers
Pre-configured social authentication for Google and GitHub, ready to use.
Billing
Subscriptions
Recurring billing system supporting multiple plans, pricing tiers and usage metrics.
One-time payments
Simple payment processing featuring secure checkout and payment confirmation.
Webhooks
Real-time billing event handling and payment provider data synchronization.
Custom plans
Create and manage custom pricing plans offering flexible billing options.
Billing components
Ready-made components for pricing, checkout and billing management.
Multiple providers
Seamless integration of Stripe and LemonSqueezy payment systems.
API
Serverless architecture
Modern serverless infrastructure offering auto-scaling and high availability.
Single source of truth
Unified data management across all apps through shared types and validation.
Protected routes
Secure API endpoints implementing role-based access control and rate limiting.
Feature-based access
Access control based on features and subscription plans.
Typesafe client
Fully typesafe frontend client featuring automatic type generation.
AI
Multiple providers
Seamless integration of OpenAI, Anthropic, Groq, Mistral, and Gemini.
Ready components
Pre-built chatbot and assistant components supporting real-time streaming.
Streaming responses
Real-time AI response delivery including progress indicators.
Internationalization
Locale routing
Smart routing based on user locale and automatic language detection.
Multiple languages
Comprehensive multi-language support and translation management.
Language switching
One-click language changes and persistent preferences.
Mail templates
Multi-language email templates including fallback options.
Emails
Transactional emails
Automated email delivery including tracking and analytics capabilities.
Marketing emails
Create and send marketing campaigns using beautiful templates.
Email templates
Responsive email templates supporting dark mode customization.
Multiple providers
Easy integration of SendGrid, Resend, and Nodemailer services.
Marketing
SEO
Complete SEO toolkit including automatic sitemap generation.
Meta tags
Flexible meta tag system supporting social media previews.
Tips and tricks
Comprehensive tips and tricks for optimizing marketing of your app.
Blog
Full-featured blog system including categories and RSS feed.
Legal pages
Pre-built legal templates including version control.
Contact form
Smart contact form featuring spam protection and auto-responses.
Storage
File uploads
Complete file upload system including progress tracking and validation.
S3 storage
S3-compatible storage offering automatic file optimization.
CMS
Blog pages
Complete blog management system including categories and tags.
MDX content collections
Organized content structure using MDX-based collections and custom frontmatter.
Theming
Built-in themes
10+ pre-built themes offering customizable color schemes.
Dark mode
Built-in dark mode supporting system preference detection.
Component CLI
Component generation tools following best practices and TypeScript standards.
Design system
Complete atomic design system including accessibility features.
Analytics
Event tracking
Custom event tracking plus automatic session management.
Page views
Automatic page view capture including bounce rate metrics.
User identification
Cross-device user tracking and session management.
Multiple providers
Seamless integration of Google Analytics and PostHog platforms.
Deployment
One-click deploy
Simple deployment to your preferred cloud provider.
Submission guide
Comprehensive guide for app store submissions and requirements.
CI/CD workflows
Pre-configured deployment pipelines including automated testing.
Use like LEGO blocks
The biggest advantage of TurboStarter is its modularity. You can use the entire stack or just the parts you need. It's like LEGO blocks - you can build anything you want with it.
If you don't need a specific feature, feel free to remove it without affecting the rest of the stack.
This approach allows for:
- 🧩 Easy feature integration - Plug new features into the kit with minimal changes.
- 🛠️ Simplified maintenance - Keep the codebase clean and maintainable.
- 🎯 Core feature separation - Distinguish between core features and custom features.
- 🌟 Additional modules - Easily add modules like billing, CMS, monitoring, logger, mailer, and more.
Scope of this documentation
While building a SaaS application involves many moving parts, this documentation focuses specifically on TurboStarter. For in-depth information on the underlying technologies, please refer to their respective official documentation.
This documentation will guide you through configuring, running, and deploying the kit, and will provide helpful links to the official documentation of technologies where necessary.
Enjoy!
This documentation is designed to be easy to follow and understand. If you have any questions or need help, feel free to reach out to us at hello@turbostarter.dev.
Explore new features, build amazing apps, and have fun! 🚀
Last updated on