Skip to content
/ t4-app Public template
forked from timothymiller/t4-app

Type-Safe, Full-Stack Starter Kit for React Native + Web.

License

Notifications You must be signed in to change notification settings

403access/t4-app

 
 

Repository files navigation

Logo of Create T4 App

create-t4-app

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

Join the T4 discord community   Weekly downloads for create-t4-app on npmjs.org   VSCode Extension Installs

🍔 The T4 Stack

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. 👈


T4 is compatible with Cloudflare Pages   T4 uses Next.js   T4 uses Expo   T4 is written in TypeScript

📐 UI Kit

📡 Data Fetching

🔮 Frontend

🧭 Navigation

🏢 Global State Management

⚙️ Backend

🔒 Authentication

📖 Background

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.

💪 Build Apps for All Platforms

  • 📱 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.

Never worry about using XCode or Android Studio again

Android Studio   XCode

❓ Why T4?

  • 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

📦 What's Included

  • 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.

🚀 Quick Start

pnpm v8.6 is required to use create-t4-app

pnpm is required to use `create-t4-app`

To scaffold an app using create-t4-app, run any of the following commands.

pnpm

pnpm create t4-app

Tauri

If you would like to use Tauri use:

pnpm create t4-app --tauri

🧩 VSCode Extension

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.

✨ Features

  • ✅ 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

⭐ Wish List

👉 The wish list has moved to the docs website.

💬 Community

For help, discussion about best practices, or any other conversation that would benefit create-t4-app:

Join the T4 Discord Server

🫶 Contributors

We welcome contributions from anyone and everyone. Please read our contributing guidelines for more information on how to get started.

👏 Special Thanks

⚖️ License

Create T4 App is licensed under the Apache License.

About

Type-Safe, Full-Stack Starter Kit for React Native + Web.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 64.2%
  • MDX 23.8%
  • JavaScript 12.0%