{"id":20401190,"url":"https://github.com/sohanemon/native-template","last_synced_at":"2026-04-08T16:02:34.061Z","repository":{"id":151083420,"uuid":"583258219","full_name":"sohanemon/native-template","owner":"sohanemon","description":"React Native template built with Expo, featuring full-stack type-safe development","archived":false,"fork":false,"pushed_at":"2026-01-03T09:58:27.000Z","size":1848,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-06T20:51:05.670Z","etag":null,"topics":["drawer","expo","expo-atlas","expo-router","heroui","react","react-native","react-navigation","stack","tabs","tailwindcss","tailwindcss-v4","trpc","typescript","uniwind","vitest","zod"],"latest_commit_sha":null,"homepage":"https://native-template.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sohanemon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2022-12-29T08:33:27.000Z","updated_at":"2026-01-03T09:58:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"53e1cc89-e33e-49c6-8ca6-c685f3bd8585","html_url":"https://github.com/sohanemon/native-template","commit_stats":null,"previous_names":["sohanemon/native-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/sohanemon/native-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fnative-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fnative-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fnative-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fnative-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sohanemon","download_url":"https://codeload.github.com/sohanemon/native-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sohanemon%2Fnative-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["drawer","expo","expo-atlas","expo-router","heroui","react","react-native","react-navigation","stack","tabs","tailwindcss","tailwindcss-v4","trpc","typescript","uniwind","vitest","zod"],"created_at":"2024-11-15T04:48:16.140Z","updated_at":"2026-04-08T16:02:34.052Z","avatar_url":"https://github.com/sohanemon.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Native Template\n\nElevate your React Native development with this premium template featuring **full-stack TypeScript**, **10+ stunning themes**, modern navigation, and cutting-edge tooling. Built for developers who demand excellence and speed.\n\n### 🔥 Full-Stack Type Safety\n- **tRPC 11** for end-to-end type-safe APIs between client and server\n- Automatic type generation eliminates API mismatches\n- Zod validation with type inference for bulletproof data handling\n\n### 🎨 Stunning Theming System\n- **10 Beautiful Themes**: Light, Dark, Ocean, Forest, Sunset, and Lavender (each with light/dark variants)\n- OKLCH color space for vibrant, accessible colors\n- One-tap theme switching with haptic feedback\n- Context-based theming that works across all components\n\n### 🚀 Modern Navigation \u0026 UX\n- **Expo Router 6** with drawer and tab navigation patterns\n- Typed routes for compile-time navigation safety\n- Smooth animations and gesture handling\n- Professional drawer with app branding and social links\n\n### ⚡ Lightning-Fast Development\n- **Bun** package manager for 3x faster installs and scripts\n- **Biome** for blazing-fast linting and formatting (Rust-powered)\n- **Vitest** for ultra-quick unit testing with jsdom\n- Auto-generated type-safe asset imports from your assets folder\n\n### 🛠 Cutting-Edge Tech Stack\n- React Native 0.81.5 with **New Architecture** enabled\n- **React 19** with compiler optimizations\n- Expo 54 with latest features\n- TanStack React Query for intelligent data fetching\n- TypeScript 5 with strict mode and latest features\n\n### 📱 Multi-Platform Excellence\n- Seamless iOS, Android, and Web support\n- Platform-specific optimizations and icons\n- Edge-to-edge Android support\n- React Native Web for instant web previews\n\n## 🛠 Tech Stack in Detail\n\n- **Framework**: React Native 0.81.5 with Expo 54\n- **Navigation**: Expo Router 6 with typed routes\n- **API**: tRPC 11 + TanStack React Query\n- **Styling**: Uniwind (custom Tailwind CSS 4 integration) + OKLCH colors\n- **Language**: TypeScript 5 with strict configuration\n- **Testing**: Vitest + jsdom for browser-like testing\n- **Linting**: Biome (ultra-fast Rust-based)\n- **Package Manager**: Bun (lightning-fast)\n- **State**: React Query for server state, Context for UI state\n\n## 🚀 Quick Start\n\nGet up and running in minutes using the template:\n\n```bash\nnpx create-expo-app --template sohanemon/native-template my-app\ncd my-app\nbun install\ncp .env.example .env\nbun run dev\n```\n\nOr clone the repository directly:\n\n```bash\ngit clone https://github.com/sohanemon/native-template.git\ncd native-template\nbun install\ncp .env.example .env\nbun run dev\n```\n\nChoose your platform:\n- `bun run ios` - iOS Simulator\n- `bun run android` - Android Emulator\n- `bun run web` - Web browser\n\n## 🏗 Project Structure\n\n```\n├── app/                    # Screens \u0026 layouts (Expo Router)\n│   ├── (stack)/           # Stack navigation group\n│   │   ├── (drawer)/      # Drawer navigation\n│   │   │   ├── (tabs)/    # Tab navigation inside drawer\n│   │   │   │   ├── index.tsx\n│   │   │   │   └── two.tsx\n│   │   │   └── index.tsx\n│   │   └── other.tsx\n│   └── trpc/[trpc]+api.ts # tRPC API route\n├── components/            # Reusable UI components\n│   ├── ui/               # Core UI primitives (button, card, etc.)\n│   ├── layout/           # Layout components (drawer, stack)\n│   └── icon.tsx          # Icon system\n├── lib/                  # Core utilities \u0026 configurations\n│   ├── context/          # React contexts (theme provider)\n│   ├── hooks/            # Custom hooks\n│   ├── scripts/          # Build scripts (asset generation)\n│   ├── trpc/             # tRPC client setup\n│   └── utils/            # Helper functions\n├── server/               # tRPC server implementation\n│   └── routers/          # API route handlers\n├── styles/               # Global styles \u0026 theme definitions\n│   ├── colors.css        # 10 theme color palettes\n│   └── theme.css         # CSS custom properties\n└── tests/                # Test files \u0026 configuration\n```\n\n## 📜 Available Scripts\n\n| Command | Description |\n|---------|-------------|\n| `bun run dev` | Start Expo development server |\n| `bun run start` | Start Expo in production mode |\n| `bun run android` | Run on Android emulator |\n| `bun run ios` | Run on iOS simulator |\n| `bun run web` | Run in web browser |\n| `bun run test` | Run Vitest tests |\n| `bun run test:ui` | Run tests with UI |\n| `bun run check` | Run Biome linting \u0026 formatting |\n| `bun run fix` | Auto-fix linting issues |\n| `bun run typecheck` | Run TypeScript type checking |\n| `bun run generate:assets` | Auto-generate type-safe asset imports |\n| `bun run analyze-bundle` | Analyze Android bundle size with Expo Atlas |\n\n## 📊 Bundle Analysis\n\nMonitor your app's bundle size to keep it optimized:\n\n```bash\nbun run analyze-bundle  # Export and analyze Android bundle\nnpx expo-atlas          # View interactive bundle visualization\n```\n\nExpo Atlas provides detailed insights into which libraries and modules contribute most to your bundle size, helping you identify optimization opportunities.\n\n## 🎨 Theme Showcase\n\nThis template ships with **10 professionally designed themes** using modern OKLCH color space:\n\n- **Classic**: Clean light and dark themes\n- **Ocean**: Cool blue tones with light/dark variants\n- **Forest**: Earthy green palettes\n- **Sunset**: Warm orange and pink hues\n- **Lavender**: Soft purple color schemes\n\nEach theme includes carefully crafted color tokens for backgrounds, foregrounds, accents, and UI components. Switch themes instantly with haptic feedback!\n\n## 🚀 Deployment\n\nPre-configured for production deployment:\n\n- **Vercel**: Automatic API routes and serverless functions\n- **EAS Build**: Optimized native builds for iOS/Android\n- **Environment Variables**: Configured for different deployment targets\n- **Build Scripts**: Automated asset generation and optimization\n\nUpdate `EXPO_PUBLIC_TRPC_SERVER` for your production API endpoint.\n\n---\n\n**Built with ❤️ by [Sohan Emon](https://sohanscript.web.app)** - Follow on [GitHub](https://github.com/sohanemon) | [LinkedIn](https://linkedin.com/in/sohanemon)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohanemon%2Fnative-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsohanemon%2Fnative-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsohanemon%2Fnative-template/lists"}