{"id":13406118,"url":"https://github.com/timothymiller/t4-app","last_synced_at":"2025-05-15T14:05:26.366Z","repository":{"id":174755904,"uuid":"633030618","full_name":"timothymiller/t4-app","owner":"timothymiller","description":"Full stack meta-framework for building iOS, Android, and Progressive Web Apps with Tamagui and deploying to Cloudflare.","archived":false,"fork":false,"pushed_at":"2024-07-15T17:15:36.000Z","size":41589,"stargazers_count":1620,"open_issues_count":23,"forks_count":91,"subscribers_count":20,"default_branch":"master","last_synced_at":"2025-05-08T19:53:38.267Z","etag":null,"topics":["bun","cli","cloudflare","create-t4-app","drizzle","expo-router","honojs","millionjs","nextjs","react","react-native","react-native-web","serverless","supabase-auth","t4-stack","tamagui","tanstack","trpc","typescript","ui"],"latest_commit_sha":null,"homepage":"https://t4stack.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/timothymiller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["timothymiller"]}},"created_at":"2023-04-26T16:20:25.000Z","updated_at":"2025-05-07T23:25:36.000Z","dependencies_parsed_at":"2024-06-09T03:28:37.401Z","dependency_job_id":"3f45052d-f2f1-462e-bce4-26be79719ec3","html_url":"https://github.com/timothymiller/t4-app","commit_stats":{"total_commits":576,"total_committers":27,"mean_commits":"21.333333333333332","dds":0.5329861111111112,"last_synced_commit":"8f7ab4d1f0c2144248a145c46e57d2622175b912"},"previous_names":["timothymiller/t4-app"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timothymiller%2Ft4-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timothymiller%2Ft4-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timothymiller%2Ft4-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/timothymiller%2Ft4-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/timothymiller","download_url":"https://codeload.github.com/timothymiller/t4-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254355334,"owners_count":22057354,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bun","cli","cloudflare","create-t4-app","drizzle","expo-router","honojs","millionjs","nextjs","react","react-native","react-native-web","serverless","supabase-auth","t4-stack","tamagui","tanstack","trpc","typescript","ui"],"created_at":"2024-07-30T19:02:21.559Z","updated_at":"2025-05-15T14:05:21.349Z","avatar_url":"https://github.com/timothymiller.png","language":"TypeScript","funding_links":["https://github.com/sponsors/timothymiller"],"categories":["TypeScript","cli","Starter Kits"],"sub_categories":["Learning more about React Native as a Web Developer"],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://t4stack.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cpicture\u003e\n      \u003cimg src=\"https://github.com/timothymiller/t4-app/blob/master/apps/next/public/t4-logo-large.png?raw=true\" width=\"200\" alt=\"Logo of Create T4 App\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\n  create-t4-app\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  Interactive CLI to start a full-stack, typesafe, universal Expo \u0026 Next.js app on Cloudflare's edge platform.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Get started with the \u003ca rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://t4stack.com\"\u003eT4 Stack\u003c/a\u003e by running \u003ccode\u003ebun create t4-app\u003c/code\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href = \"https://discord.gg/wj2GV7AvQd\"\u003e\n    \u003cimg src=\"https://img.shields.io/discord/1117289587472081016?color=%235865F2\u0026label=Discord\u0026logo=discord\u0026logoColor=white\u0026style=for-the-badge\" alt=\"Join the T4 discord community\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href = \"https://www.npmjs.com/package/create-t4-app\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dm/create-t4-app?logo=npm\u0026style=for-the-badge\u0026color=CC3534\" alt=\"Weekly downloads for create-t4-app on npmjs.org\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=albbus.t4-app-tools\"\u003e\n    \u003cimg src=\"https://img.shields.io/visual-studio-marketplace/i/albbus.t4-app-tools?logo=visual-studio-code\u0026style=for-the-badge\u0026color=0078D7\" alt=\"VSCode Extension Installs\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 🍔 The T4 Stack\n\nThe T4 Stack is a universal web and native stack made by [Tim Miller](https://twitter.com/ogtimothymiller) focused on **developer experience**, **rapid development**, and **performance**.\n\nEasy integration with **Cloudflare** services, such as R2 \u0026 D1 enable developers to build apps with **AI-powered features** at a **lower cost** compared to AWS.\n\nShip it today and witness **6 second package install** times \u0026 **30 second backend deployments**.\n\n👉 Further documentation can be found on the [T4 Stack website](https://t4stack.com). 👈\n\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://pages.cloudflare.com/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Cloudflare%20Pages-F38020?style=for-the-badge\u0026logo=Cloudflare%20Pages\u0026logoColor=white\" alt=\"T4 is compatible with Cloudflare Pages\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href=\"https://nextjs.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/next.js-000000?style=for-the-badge\u0026logo=nextdotjs\u0026logoColor=white\" alt=\"T4 uses Next.js\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href=\"https://expo.dev/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Expo-1B1F23?style=for-the-badge\u0026logo=expo\u0026logoColor=white\" alt=\"T4 uses Expo\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href=\"https://www.typescriptlang.org/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white\" alt=\"T4 is written in TypeScript\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n### 📐 UI Kit\n\n- 🎨 [Tamagui](https://tamagui.dev)\n\n### 🔮 Frontend\n\n- 🔗 [Next.js](https://nextjs.org)\n- 📱 [Expo](https://expo.io)\n\n### 📡 Data Fetching\n\n- 🔄 [tRPC](https://trpc.io)\n- ⏲️ [Tanstack Query](https://tanstack.com/query/latest)\n- 🎂 [ts-pattern](https://github.com/gvergnaud/ts-pattern)\n  - Handle data fetching UI states like this:\n ![tanstack-ts-pattern](https://github.com/timothymiller/t4-app/assets/46549361/f022b20d-840d-48a9-83b8-c52d5f037880)\n \n\n### 📈 Performance Improvements\n\n- 💨 [Million.js](https://million.dev/)\n  - Virtual DOM replacement for React\n  - Achieve SolidJS-like performance with React\n- 🎂 [PattyCake](https://github.com/aidenybai/pattycake)\n  - Zero-runtime pattern matching with ts-pattern\n\n### ✅ Type Validation\n\n- 🤖 [Valibot](https://valibot.dev)\n\n### 🧭 Router\n\n- 📲 [Expo Router](https://docs.expo.dev/routing/introduction/)\n- ☀️ [Solito](https://solito.dev)\n\n### 🏢 Global State Management\n\n- 🧩 [Jotai](https://jotai.org)\n\n### ⚙️ Backend\n\n- 🔥 [Hono](https://hono.dev)\n- 💚 [Cloudflare Workers](https://workers.cloudflare.com)\n- 📁 [Cloudflare D1](https://developers.cloudflare.com/d1)\n  - [SQLite](https://sqlite.org) database for the edge\n- 🗄️ [Drizzle](https://orm.drizzle.team)\n\n### 🔒 Authentication\n\n- 🔑 [Supabase](https://supabase.com/auth)\n\n## 📖 Background\n\nT4 is a project starter kit for building **type-safe**, **native** \u0026 **web** applications in TypeScript using Tamagui, tRPC, and Tauri. Deploy to Cloudflare for a global edge network. All at a fraction of the cost of AWS, Vercel, or Azure.\n\nIt provides a unified, opinionated, \u0026 minimalistic setup for quickly getting started with building native \u0026 web apps, using the same code, without having to worry about the complexities of setting up a development environment.\n\n### 💪 Build Apps for All Platforms\n\n- 📱 iOS\n- 🤖 Android\n- 🕸️ Web\n  - Progressive Web App (PWA) support\n  - 💻 macOS\n  - 🪟 Windows\n  - 🐧 Linux\n- 🧪 (Experimental) Desktop support via Tauri\n\nBuild native apps for iOS, Android, macOS, Windows, and Linux using the same codebase.\n\n#### Never worry about using XCode or Android Studio again\n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://developer.android.com/studio\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Android_Studio-3DDC84?style=for-the-badge\u0026logo=android-studio\u0026logoColor=white\" alt=\"Android Studio\"\u003e\n  \u003c/a\u003e\u0026nbsp;\n  \u003ca href=\"https://developer.apple.com/xcode/\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Xcode-007ACC?style=for-the-badge\u0026logo=Xcode\u0026logoColor=white\" alt=\"XCode\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 🚀 Quick Start\n\n### Basic Setup\n\n\u003e bun v1.0 is required to use `create-t4-app`\n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://bun.sh\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/bun-%234a4a4a.svg?style=for-the-badge\u0026logo=bun\u0026logoColor=f69220\" alt=\"bun is required to use `create-t4-app`\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nTo scaffold an app using `create-t4-app`, run any of the following commands.\n\n### **bun**\n\n```bash\nbun create t4-app\n```\n\n### **Tauri**\n\nIf you would like to use Tauri use:\n\n```bash\nbun create t4-app --tauri\n```\n\n## ❓ Why T4?\n\nT4 is the result of extensive research and testing to identify the best libraries for React Native and Web development. We've done the hard work for you, so you can focus on building amazing apps without worrying about performance bottlenecks.\n\nWhether you're developing a mobile app with React Native or a web app using React, T4 is the perfect choice. Our template is designed to seamlessly integrate with your existing projects, making it easy to enhance performance without starting from scratch.\n\n### 🚅 Performance\n\n- 👉 6 second package install time\n- 👉 30 second backend deployments\n- 👉 90 second frontend deployments\n\n- Small learning curve\n- Instant feedback, rapid development\n- Universal across **React Native** \u0026 **React Web**\n  - [Data fetching](https://tanstack.com/query/latest)\n  - [Styling](https://tamagui.dev)\n  - [Authentication](https://supabase.com)\n  - [Navigation](https://solito.dev)\n  - [Type Safety](https://valibot.dev)\n- High code re-use\n- Low bundle size\n- Edge compatible\n- Fast startup time\n- Simple setup\n- Allows for platform-specific code when needed.\n\n## 📦 What's Included\n\n- [Tamagui](https://tamagui.dev) - A UI kit for building beautiful and responsive user interfaces.\n- [TanStack](https://tanstack.com/) - High-quality open-source software for React developers.\n- [tRPC](https://trpc.io) - A TypeScript framework for building end-to-end typesafe APIs.\n- [TypeScript](https://www.typescriptlang.org) - A typed superset of JavaScript that compiles to plain JavaScript.\n\n## 🧩 VSCode Extension\n\nThe 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](https://t4stack.com/extension) or install it from the [VSCode Marketplace](https://marketplace.visualstudio.com/items?itemName=albbus.t4-app-tools).\n\n## ✨ Features\n\n- ✅ 6 second package install time\n- ✅ 30 second backend deployments\n- ✅ 90 second frontend deployments\n- ✅ Tamagui UI kit across all platforms.\n- ✅ Bun support\n- ✅ Million.js Support\n- ✅ PattyCake Support\n- ✅ Valibot Support\n- ✅ Generate Valibot Type Guards from your Drizzle Schema\n- ✅ Supabase Auth\n- ✅ Uses Next.js for building web apps.\n- ✅ Uses Expo for building native mobile apps.\n- ✅ PWA by default for native desktop support. No Electron required.\n- ✅ Uses Cloudflare Workers for serverless functions.\n- ✅ No Docker containers required.\n- ✅ Uses tRPC \u0026 Tanstack Query for fetching \u0026 caching across all platforms.\n- ✅ Authentication across all platforms.\n- ✅ Powered by TypeScript for type safety and better developer experience.\n- ✅ Comes with pre-configured Biome for lightning fast code consistency.\n- ✅ Github Action publishing for Expo apps\n- ✅ Database migration in CI/CD\n- ✅ Tauri Support\n\n## ⭐ Wish List\n\n👉 The wish list has moved to [the docs website](https://t4stack.com/wish-list).\n\n## 💬 Community\n\nFor help, discussion about best practices, or any other conversation that would benefit `create-t4-app`:\n\n[Join the T4 Discord Server](https://discord.gg/wj2GV7AvQd)\n\n## 🫶 Contributors\n\nWe welcome contributions from anyone and everyone. Please read our [contributing guidelines](https://github.com/timothymiller/t4-app/blob/master/CONTRIBUTING.md) for more information on how to get started.\n\n## 👏 Special Thanks\n\n- [Nate Birdman](https://twitter.com/natebirdman) - Creator of Tamagui\n- [Aiden Bai](https://aiden.mov/) - Creator of Million.js and PattyCake\n- [Yusuke Wada](https://twitter.com/yusukebe) - Creator of Hono.js\n- [Daishi Kato](https://twitter.com/dai_shi) Creator of Jotai\n- [Fernando Rojo](https://twitter.com/fernandotherojo) - Inspiration behind Solito\n- [Tanner Linsley](https://twitter.com/tannerlinsley) - Creator of TanStack\n- [Expo Developers](https://twitter.com/expo) - Insightful office hours\n\n## ™️ Disclaimer\n\nThe T4 App is not affiliated with or endorsed by [EquipmentShare](https://www.equipmentshare.com/t3) or [T3 app](https://www.equipmentshare.com/t3#apps).\n\n## ⚖️ License\n\n**Create T4 App** is licensed under the [MIT License](https://github.com/timothymiller/t4-app/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimothymiller%2Ft4-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimothymiller%2Ft4-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimothymiller%2Ft4-app/lists"}