ezrover / expo-powersync-template

📱 A template for Powersync based Expo project: Bun, Expo 51, RN .74, TypeScript, TailwindCSS, ChadCN, DrizzleORM, Sqlite, EAS, GitHub Actions, Env Vars, expo-router, react-query, react-hook-form.

React Native Expo Template

• ⚡ Expo v51 - Built with Expo for cross-platform support
• ⚛️ React Native v0.74 for building native apps using React
• 💎 Integrate with NativeWind v4, Tailwind CSS for React Native
• 📁 Expo Router and Expo API
• 📦 zustand - State management solution.
• 🎨 Common components : Icons, ThemeToggle, Avatar, Button, Card, Progress, Text, Tooltip
• 🌗 Dark and light mode - Android Navigation Bar matches mode and Persistant mode
• 💡 Absolute Imports using @ prefix
• 📏 Linter and Code Formatter with biome
• 🗂 VSCode recommended extensions, settings, and snippets to enhance the developer experience.

New :

• 💽 Local-first based on PowerSync Expo SQLite for for native and Sqlite.js for Web
• 💽 Full integrated with DrizzleORM

Requirements

• Node.js 20+ and pnpm or bun
• iOS Simulator
• Android Studio Emulator

Getting started

Run the following command on your local environment:

bunx create-expo-app --template @ezrover/expo-powersync-template

Then, you can run locally in development mode with live reload:

bun run dev:ios
# Or
bun run dev:android

This will open the app in the iOS simulator or Android emulator.

Contributions

Inspired by: https://github.com/launchtrack/expo-local-first-template

Everyone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug. Totally open to any suggestions and improvements.

License

Licensed under the MIT License, Copyright © 2024

See LICENSE for more information.

---