π Introduction
Everything you need to know to get started with T4, a type-safe, full-stack starter kit for React Native + Web.
π Background
T4 is a project starter kit for building type-safe, native & web applications in TypeScript using Tamagui, tRPC, and Bun. Deploy to Cloudflare for a global edge network. All at a fraction of the cost of AWS, Vercel, or Azure.
It provides a unified, opinionated, & minimalistic setup for quickly getting started with building native & web apps, using the same code, without having to worry about the complexities of setting up a development environment.
πͺ Build Apps for All Platforms
- π± iOS
- π€ Android
- πΈοΈ Web
- Progressive Web App (PWA) support
- π» macOS
- πͺ Windows
- π§ Linux
Build native apps for iOS, Android, macOS, Windows, and Linux using the same codebas, never worry about using XCode or Android Studio again.
β Why T4?
It's universal across React Native & React Web, using well tested libraries for:
- Data fetching (opens in a new tab)
- Styling (opens in a new tab)
- Authentication (opens in a new tab)
- Navigation (opens in a new tab)
Other reasons to choose T4 are:
- Small learning curve
- Instant feedback, rapid development
- High code re-use
- Low bundle size
- Edge compatible
- Fast startup time
- Simple setup
- Allows for platform-specific code when needed
- Type-safety
π¦ What's Included
- TypeScript (opens in a new tab) - A typed superset of JavaScript that compiles to plain JavaScript.
- Bun (opens in a new tab) - A blazingly fast package manager and runner.
- Million.js (opens in a new tab) - A drop-in optimizing compiler for React.
- Solito (opens in a new tab) - A graceful way to handle navigation for multiple platforms.
- tRPC (opens in a new tab) - A TypeScript framework for building end-to-end typesafe APIs.
- Supabase Auth (opens in a new tab) - A solid and foolproof authentication solution.
- Tamagui (opens in a new tab) - A UI kit for building beautiful and responsive user interfaces.
- Tauri (opens in a new tab) - A Rust framework for bundling & deploying native desktop apps.
β¨ Features
- β Tamagui UI kit across all platforms
- β Bun support
- β Million.js Support
- β Tauri Support
- β Supabase Auth layer
- β Uses Next.js for building web apps
- β Uses Expo for building native mobile apps
- β PWA by default for native desktop support. No Electron required
- β Uses Cloudflare Workers for serverless functions
- β No Docker containers required
- β Uses tRPC & Tanstack Query for fetching & caching across all platforms
- β Authentication across all platforms
- β Powered by TypeScript for type safety and better developer experience
- β Comes with pre-configured ESLint and Prettier for code consistency
- β Github Action publishing for Expo apps
- β Database migration in CI/CD
π¬ Community
For help, discussion about best practices, or any other conversation that would benefit create-t4-app
:
π’ Join the T4 Discord Server (opens in a new tab)
π«Ά Contributors
We welcome contributions from anyone and everyone. Please read our contributing guidelines (opens in a new tab) for more information on how to get started.
π Special Thanks
- Cloudflare Developers (opens in a new tab)
- Yusuke Wada (opens in a new tab) - Creator of Hono.js
- Nate Birdman (opens in a new tab) - Creator of Tamagui
- Fernando Rojo (opens in a new tab) - Creator of Solito
- Tanner Linsley (opens in a new tab) - Creator of TanStack
- Daishi Kato (opens in a new tab) Creator of Jotai
- Shopify Developers (opens in a new tab)
- Drizzle Developers (opens in a new tab)
- Tim Neutkens (opens in a new tab) - Co-author of Next.js
- Jared Palmer (opens in a new tab) - Creator of Turborepo
- Expo Developers (opens in a new tab) - Office hours