Expo

Presentation

Production-ready React Native app with Expo Router, authentication scaffolding, and pre-configured assets.

→ Expo Documentation

What create-faster adds

Beyond the official setup, we include:

Project Structure:

• Pre-configured Expo Router with file-based routing
• Authentication scaffolding with Stack.Protected guards
• Custom components (app-footer)
• Font loading setup with Inter typeface

Development Scripts:

• start:android / start:ios / start:web - Platform-specific development with cache clear
• prebuild:android / prebuild:ios - Native project generation with clean flag
• build:eas:android / build:eas:ios - EAS Build production profiles

Pre-configured Assets:

• App icon, adaptive icon, splash screen
• Inter fonts (Black & Bold variants)
• Favicon for web builds

App Configuration:

• React Compiler enabled (experiments.reactCompiler: true)
• New Architecture enabled (newArchEnabled: true)
• Typed routes (experiments.typedRoutes: true)
• Edge-to-edge Android UI (edgeToEdgeEnabled: true)

Files created:

src/
├── app/
│   ├── _layout.tsx         # Root layout with authentication guards
│   └── index.tsx           # Home page
├── components/
│   └── app-footer.tsx      # Footer component
└── styles/
    └── globals.css         # Global styles (auto-imported in _layout)

assets/
├── fonts/
│   ├── inter-18pt-black.ttf
│   └── inter-18pt-bold.ttf
├── icon.png                # App icon (1024×1024)
├── adaptive-icon.png       # Android adaptive icon
├── splash-icon.png         # Splash screen image
└── favicon.png             # Web favicon

app.config.ts               # Expo configuration with plugins

Modules

NativeWind

→ NativeWind Documentation

Tailwind CSS for React Native. Write utility-first styling with the same classes you use on the web.

Technical changes:

Files created:

metro.config.js            # Metro bundler with NativeWind transformer
tailwind.config.js         # Tailwind config with NativeWind preset
nativewind-env.d.ts        # TypeScript types for className prop
src/styles/globals.css     # Tailwind directives entry point

Dependencies added:

• nativewind (v4.1.23)
• tailwindcss (v3.3.2) - dev dependency

Configuration details:

• Metro config uses withNativeWind() wrapper with globals.css input
• Tailwind scans ./src/**/*.{js,jsx,ts,tsx} for classes
• NativeWind preset provides React Native-compatible utilities