T4 App

该介绍目前仅提供英文版本。

🚀 Project Overview

T4 App is a powerful full-stack meta-framework designed for building iOS, Android, and Progressive Web Apps (PWA). Created by Tim Miller, it focuses on developer experience, rapid development, and high performance, with seamless deployment to Cloudflare’s edge platform.

⭐ Core Features

• 🏃‍♂️ Lightning-Fast Development Experience

  • 6-second package install time
  • 30-second backend deployments
  • 90-second frontend deployments

• 🌍 Universal Cross-Platform

  • iOS / Android native apps
  • Web applications (PWA support)
  • Desktop applications (experimental Tauri support)
  • Windows / macOS / Linux

• 💰 Cost Advantages

  • Deep integration with Cloudflare services (R2, D1)
  • Lower costs compared to AWS, Vercel, Azure
  • No Docker containers required

🛠️ Technology Stack

UI Component Library

• Tamagui - Cross-platform UI component library

Frontend Frameworks

• Next.js - Web application framework
• Expo - Native mobile application framework
• Expo Router - Routing management

Data Fetching

• tRPC - End-to-end typesafe APIs
• Tanstack Query - Data fetching and caching
• ts-pattern - Pattern matching for UI state handling

Performance Optimization

• Million.js - React Virtual DOM replacement
• PattyCake - Zero-runtime pattern matching

Backend Services

• Hono - Lightweight web framework
• Cloudflare Workers - Serverless functions
• Cloudflare D1 - Edge SQLite database
• Drizzle - ORM

Type Validation & State Management

• Valibot - Type validation
• Jotai - Global state management
• TypeScript - Type safety

Authentication

• Supabase - User authentication service

🚀 Quick Start

Basic Installation

bun create t4-app

With Tauri Support

bun create t4-app --tauri

Note: Requires bun v1.0 or higher

🎯 Use Cases

• Startups - Rapid MVP development
• Full-stack Developers - One-person full-stack solution
• Enterprise Applications - Cross-platform business applications
• AI-Powered Apps - Integration with Cloudflare AI services

🏆 Project Highlights

1. Development Efficiency - Unified development experience, reducing platform switching costs
2. Type Safety - Full-stack TypeScript support
3. Performance Optimization - Built-in multiple performance optimization solutions
4. Cost Control - Cloudflare edge computing, reduced server costs
5. Community Support - Active Discord community

📊 Project Statistics

• ⭐ 1.6k+ GitHub Stars
• 🍴 93 Forks
• 📦 MIT Open Source License
• 🔧 TypeScript 92.3%

🔗 Related Links

• Official Website: t4stack.com
• GitHub Repository: timothymiller/t4-app
• Discord Community: Join the T4 developer community
• VSCode Extension: Enhanced development experience

Development Setup

Prerequisites

# Node.js environment
# Bun package manager
# Git

Installation

git clone https://github.com/timothymiller/t4-app.git
cd t4-app
bun install

Development

# Start development server
bun dev

# Build for production
bun build

# Run tests
bun test

Deployment

Cloudflare Setup

1. Create Cloudflare Pages project
2. Configure environment variables
3. Set up D1 database
4. Enable Workers
5. Configure domain settings

Environment Variables

DATABASE_URL=your-d1-database-url
NEXTAUTH_SECRET=your-auth-secret
SUPABASE_URL=your-supabase-url
SUPABASE_ANON_KEY=your-supabase-key

Contributing

We welcome contributions in various forms:

• Feature development
• Bug fixes
• Documentation improvements
• Performance optimization
• UI/UX enhancements

Please read our Contributing Guide before submitting changes.

Community

• Discord: Join the T4 Stack community
• GitHub Discussions: Share ideas and get help
• Issues: Report bugs and request features

License

This project is licensed under the MIT License - see the LICENSE file for details.

T4 App provides a complete, efficient, and economical solution for modern full-stack development, especially suitable for development teams that need to quickly build cross-platform applications.