https://github.com/psydov2/expoauthroutetemplate
Template for an Expo App using Authentication and Routing with the latest version
https://github.com/psydov2/expoauthroutetemplate
authentication expo react-native routing template
Last synced: 3 months ago
JSON representation
Template for an Expo App using Authentication and Routing with the latest version
- Host: GitHub
- URL: https://github.com/psydov2/expoauthroutetemplate
- Owner: PsydoV2
- License: mit
- Created: 2025-03-23T11:51:45.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-23T12:09:24.000Z (3 months ago)
- Last Synced: 2025-03-23T12:25:25.597Z (3 months ago)
- Topics: authentication, expo, react-native, routing, template
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Expo Auth Route Template – Starter for Authentication & Routing
A clean, minimal, and developer-friendly **Expo starter template** with **authentication**, **file-based routing**, and **dark/light mode support** – powered by [`expo-router`](https://expo.github.io/router/).
> ✅ Perfect for building modern **React Native apps** with Expo, fast onboarding, and a modular structure.
📦 GitHub Repository: [PsydoV2/ExpoAuthRouteTemplate](https://github.com/PsydoV2/ExpoAuthRouteTemplate)
---
## ✨ Features
- 🔐 Easy-to-extend authentication flow with React context
- 🧭 File-based routing using `expo-router`
- 🌗 Built-in light & dark theme support
- 📱 Mobile-ready layout with SafeArea handling
- 🎨 Theming system with neutral palette (black/white/gray)
- 🔄 Type-safe navigation via `typedRoutes`
- 🚀 EAS Build & OTA Update ready
---
## 📦 Use Cases
This template is ideal for:
- Creating new **Expo apps with login/signup**
- Rapid prototyping with `expo-router`
- Learning authentication & layout separation in React Native
- Boilerplate for apps with light/dark mode and navigation
---
## 🧑💻 Getting Started
### 1. Clone the repository
```bash
git clone https://github.com/PsydoV2/ExpoAuthRouteTemplate.git
cd ExpoAuthRouteTemplate
```
### 2. Install dependencies
```bash
npm install
```
### 3. Run the app
```bash
npx expo start
```
---
## 🧠 How It Works
- Users without a session (`useSession()`) are redirected to `/login`
- Calling `signIn()` simulates login and navigates to the main tab layout
- Clean folder structure: `(auth)` routes are separated from `(tabs)`
- Uses `Themed` components for dynamic light/dark theme switching
---
## 📁 Project Structure
Organized for clarity and scalability:
```
ExpoAuthRouteTemplate/
├── app/ # Route-based views
│ ├── (auth)/ # Auth-related screens
│ └── (tabs)/ # Main tab layout
├── components/ # UI components
├── constants/ # Theme & color definitions
├── src/ # Context & hooks
└── assets/ # Fonts and images
```
---
## 🏷️ Keywords
`expo`, `react native`, `auth`, `expo-router`, `starter template`, `light dark mode`, `login`, `routing`, `react native boilerplate`
---
## 📜 License
MIT — Free to use, share and modify.
---
## 🙌 Created by [Psydo](https://github.com/PsydoV2)