Web-TS Monorepo Starter Pack

Feature-heavy monorepo boilerplate for web and mobile apps, packed with tons of reusable code snippets and defined through a strong software architecture. Kind of inspired by create-t3-turbo.

See the docs, for list of features, guides, explanations.

Made with love by Fabien Roy.

Check the project board for what we want to do next.

Status

Name	Type	Status
General	General
Web	App
Mobile	App
Mobile UI Showcase	App
Database	Package
API	Package
Theme	Package
Web UI	Package
Web Forms	Package
Web Locales	Package
Web Storage	Package
Mobile UI	Package
Mobile Forms	Package
Mobile Locales	Package
Mobile Storage	Package

Apps

• apps/web: Next.js web app
• apps/mobile: Expo mobile app
• apps/mobile-ui-showcase: Expo mobile app for showcasing mobile UI

Packages

• packages/db: Prisma client and models definitions
• packages/api: tRPC routes and context definitions
• packages/theme: Theme definition
• packages/web-ui: React components for web app
• packages/web/forms: React form-specific components for forms app
• packages/web/locales: Locale translations for web app
• packages/web/storage: Storage utilities for web app
• packages/mobile/ui: React Native components for mobile app
• packages/mobile/forms: React Native form-specific components for forms app
• packages/mobile/locales: Locale translations for mobile app
• packages/mobile/storage: Storage utilities for mobile app
• packages/config/eslint/: Shared eslint config
• packages/confgi/stylelint: Shared stylelint config
• packages/config/tsconfig: Shared tsconfig

Setup

Install dependencies

pnpm install

Prepare pre-commit hook

pnpm prepare

Setup database

# Copy env file
pnpm env:local

# Run database
docker compose up

# Generate Prisma client
pnpm db:generate

# Apply migrations
pnpm db:migrate:dev

# If wanted, generate example data
pnpm db:seed

Available scripts

Run apps

pnpm dev

# Running a single app and its deps
pnpm dev:web
pnpm dev:mobile

Run storybook

Web UI Library

Storybook will be running on http://localhost:6006;

pnpm storybook:web

Mobile UI Library

UI Showcase will be running on Expo Go.

pnpm storybook:mobile

Build all

pnpm build

Lint all

pnpm lint

# To fix lint
pnpm lint:fix

# For file names
pnpm lint:ls

# To only apply to root
pnpm lint:root
pnpm lint:root:fix

# Fix lint on staged files
pnpm lint:staged

Format

pnpm format

# To fix format
pnpm format:fix

Cleanup files

pnpm yeet