Interactive CLI to start a full-stack, typesafe, universal Expo & Next.js app on Cloudflare's edge platform.
Get started with the T4 Stack by running pnpm create t4-app
The T4 Stack is a universal web and native stack made by Tim Miller focused on developer experience, rapid development, and performance.
Easy integration with Cloudflare services, such as R2 & D1 enable developers to build apps with AI-powered features at a lower cost compared to AWS.
๐ Further documentation can be found on the T4 Stack website. ๐
- ๐จ Tamagui
- ๐ tRPC
- โฒ๏ธ Tanstack Query
- โ๏ธ Solito
- ๐งฉ Jotai
- ๐ฅ Hono
- ๐ Cloudflare Workers
- ๐ Cloudflare D1
- SQLite database for the edge
- ๐๏ธ Drizzle
- ๐ Supabase
T4 is a project starter kit for building type-safe, native & web applications in TypeScript using Tamagui, tRPC, and Turborepo. 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.
- ๐ฑ iOS
- ๐ค Android
- ๐ธ๏ธ Web
- Progressive Web App (PWA) support
- ๐ป macOS
- ๐ช Windows
- ๐ง Linux
- ๐งช (Experimental) Desktop support via Tauri
Build native apps for iOS, Android, macOS, Windows, and Linux using the same codebase.
โญ Star this project (Highly recommended, starred users may receive priority over regular users)
pnpm v8.6 is required to use
create-t4-app
To scaffold an app using create-t4-app
, run any of the following commands.
pnpm create t4-app
If you would like to use Tauri use:
pnpm create t4-app --tauri
- Small learning curve
- Instant feedback, rapid development
- Universal across React Native & React Web
- High code re-use
- Low bundle size
- Edge compatible
- Fast startup time
- Simple setup
- Allows for platform-specific code when needed.
- Type-safety
- Tamagui - A UI kit for building beautiful and responsive user interfaces.
- Turborepo - A high performance build system for TypeScript, built in Rust.
- tRPC - A TypeScript framework for building end-to-end typesafe APIs.
- TypeScript - A typed superset of JavaScript that compiles to plain JavaScript.
The VSCode extension is optional but highly recommended. It provides a better developer experience by providing code actions to help you scaffold your app. You can find more info in the docs or install it from the VSCode Marketplace.
- โ Tamagui UI kit across all platforms.
- โ PNPM support
- โ Million.js Support
- โ Supabase Auth
- โ 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
- โ Tauri Support
๐ The wish list has moved to the docs website.
For help, discussion about best practices, or any other conversation that would benefit create-t4-app
:
We welcome contributions from anyone and everyone. Please read our contributing guidelines for more information on how to get started.
- Cloudflare Developers
- Yusuke Wada - Creator of Hono.js
- Nate Birdman - Creator of Tamagui
- Fernando Rojo - Creator of Solito
- Tanner Linsley - Creator of TanStack
- Daishi Kato Creator of Jotai
- Shopify Developers
- Drizzle Developers
- Tim Neutkens - Co-author of Next.js
- Jared Palmer - Creator of Turborepo
- Expo Developers - Office hours
Create T4 App is licensed under the Apache License.