claudemesh/.context/turbostarter-framework-context/sections/web/index.md

title, description, url

title	description	url
Introduction	Get started with TurboStarter web kit.	/docs/web

Introduction

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.

Looking to bootstrap your project quickly? Check out our TurboStarter CLI guide to get started in seconds.

Demo apps

TurboStarter provides a suite of live demo applications you can try instantly - right in your browser, on your phone, or via browser extensions. Try them live by clicking the buttons below.

<DemoBadges urls={{ android: "https://play.google.com/store/apps/details?id=com.turbostarter.core", ios: "https://apps.apple.com/app/id6754278899", chrome: "https://chromewebstore.google.com/detail/bcjmonmlfbnngpkllpnpmnjajaciaboo", firefox: "https://addons.mozilla.org/addon/turbostarter_", edge: "https://microsoftedge.microsoft.com/addons/detail/turbostarter/ianbflanmmoeleokihabnmmcahhfijig", web: "https://demo.turbostarter.dev", }} />

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.

For those interested in AI development, check out our dedicated TurboStarter AI documentation with specialized features for building AI-powered applications.

Most features are available on all platforms. You can use the **same codebase** to build web, mobile, and browser extension apps.

Authentication

Organizations/teams

Billing

Database

API

Admin

AI

Seamless integration of OpenAI, Anthropic, Groq, Mistral, and Gemini. For more advanced AI features, check out [TurboStarter AI](/ai/docs).

Internationalization

Emails

Landing page

Marketing

Storage

CMS

Theming

Analytics

Monitoring

Deployment

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.

llms.txt

You can access the entire TurboStarter documentation in Markdown format at /llms.txt. This can be used to ask any LLM (assuming it has a big enough context window) questions about the TurboStarter based on the most up-to-date documentation.

Example usage

For instance, to prompt an LLM with questions about the TurboStarter:

1. Copy the documentation contents from /llms.txt
2. Use the following prompt format:

Documentation:
{paste documentation here}
---
Based on the above documentation, answer the following:
{your question}

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