Skip to main content

Build modern web and mobile apps with FE Monorepo

A bulletproof monorepo template featuring React 19, Next.js 16, and Expo 53. Everything you need to build production-ready applications with shared packages, type safety, and best practices built-in.

Get StartedView Architecture
FE Monorepo

Quick start

Get up and running with the monorepo in minutes

1

Clone the repository

Start by cloning the FE Monorepo template to your local machine:
git clone https://github.com/rifandani/fe-monorepo.git
cd fe-monorepo
2

Install dependencies

The monorepo uses Bun as the package manager. Install all dependencies:
bun install
This project requires Node.js >= 24.14.0 and uses Bun 1.3.10 as specified in package.json.
3

Run a development server

Choose which app you want to run:
Start the React 19 SPA on port 3001:
bun spa dev
4

Start building

Open your browser and start building your application. Each app comes pre-configured with:
  • TypeScript with strict type checking
  • ESLint for code quality
  • Playwright/Maestro for E2E testing
  • OpenTelemetry for observability
  • Hot module replacement for fast development
fe-monorepo/
├── apps/
│   ├── spa/          # React 19 + TanStack Router
│   ├── web/          # Next.js 16 + Better Auth
│   └── expo/         # Expo 53 + Tamagui
├── packages/
│   ├── core/         # Shared business logic
│   └── typescript-config/
└── package.json

Explore by topic

Jump into specific areas of the documentation

Apps

Learn about the React SPA, Next.js web app, and Expo mobile app included in the monorepo

Packages

Discover the shared packages that power all three applications

Development

Set up your development environment and learn the workflow

Testing

Run E2E tests with Playwright and Maestro

Deployment

Deploy your applications to production

API Reference

Explore the core package APIs, hooks, and utilities

Key features

Everything you need for modern frontend development

Bun Workspace Monorepo

Three production-ready applications sharing common packages with Bun’s fast package manager

TypeScript-First

Strict type checking across all apps and packages with shared TypeScript configurations

Modern Stack

React 19, Next.js 16, Expo 53, TanStack Router, TanStack Query, and more cutting-edge tools

Comprehensive Testing

E2E testing with Playwright for web apps and Maestro for mobile, ensuring quality across platforms

Observability Built-In

OpenTelemetry integration for metrics, traces, and logs with Grafana dashboard support

Developer Experience

Hot module replacement, ESLint, Prettier, Husky git hooks, and changesets for version management

Ready to get started?

Follow our quickstart guide to set up your development environment and create your first application in the monorepo.

Start Building

Build docs developers (and LLMs) love

Get started for freeTalk to us