View the Frontend Masters workshop for TypeScript Monorepos v2 here

TypeScript Monorepos v2

01Intro & Project Setup

What is a monorepo? What problems does it solve? We'll answer these questions and set up the workshop project

02Project tour

A quick overview of this simple project structure

03Hello, Workspace!

We'll take the smallest set of possible steps to converting our project to a pnpm workspace

04Extracting Models

We'll create a "models" package that both our ui and server depend on

05Extracting Server

Let's start teasing packages out of our ui package, explore pnpm workspace references, and get a holistic "dev" script working

06Linting Package.json

We'll get hands-on with manypkg, a tool that helps us detect common problems in our package.json files

08Code formatting

We'll set up some monorepo-level code formatting and linting that works seamlessly with your favorite code authoring tools

10Dev script

We've done a lot of refactoring and rearranging. Let's explore our options for restoring a project-wide dev script

11Code formatting & Linting

We'll set up some monorepo-level linting and formatting that works seamlessly with your favorite code authoring tools

12API Extractor

We'll learn to use API Extractor to generate a unified API surface for our monorepo

13Nx

We'll learn to use the nx monorepo tool for dependency-aware builds and distributed caching

© 2025 All Rights Reserved.