Code Loading Lesson

MDX Powered Lesson

Codesandbox Embed Lesson

Replit Embed Lesson

Getting Oriented

Initial setup for pnpm and Node version management

How pnpm organizes node_modules

Configuring pnpm peer dependencies and hoisting

Setting up a pnpm workspace monorepo

Production vs development dependencies

Dependency version ranges and protocols

Patching dependencies with pnpm

Introduction

Adding a formatter with Prettier

Sharing TypeScript configuration

Shared ESLint configuration for ESLint 8 and 9

VSCode ESLint extension hoisting workaround

Shared testing configuration with Jest and Vitest

Shared config

Automated git hooks with Lefthook

Pre-commit formatting with pretty-quick

Benchmarking and speeding up pre-commit hooks

Finding unused dependencies with Knip

Should Knip run in pre-commit?

Enforcing monorepo dependency consistency with Sherif

Per-workspace pre-commit checks with Lefthook

Tools and techniques for managing and automating tasks within a monorepo

Monorepo management and automation tools

CommonJS vs ESM in Node

Node.js package.json exports

How TypeScript Picks an exports Condition

Sharing UI code by exporting TypeScript

When exporting TypeScript breaks (and how to fix it)

Adding Preconstruct to Our Monorepo

Preconstruct for logger and automatic dev symlinks

Explore Node.js fundamentals and TypeScript build tools essential for effective monorepo management.

Understanding Node fundamentals and TypeScript build tools in a Monorepo

Module 05 — CI/CD

Adding a basic GitHub Actions CI workflow

CI concurrency and push triggers

Extracting a composite GitHub Action for pnpm and Node

Running Sherif in CI without pnpm install

Splitting CI into multiple fast checks

Pinning GitHub Actions by full SHA

Adding workflow_dispatch

Building a single workspace with Docker

Explore strategies and tools for implementing continuous integration and deployment in monorepo environments.

Continuous Integration and Deployment in Monorepos

Initial Turborepo setup

Build and start with Turborepo

Turbo transit tasks

Workspace-specific turbo config

Environment variables in Turborepo

Custom inputs and global dependencies

Workaround for turbo cache symlink bug

Learn how to use Turborepo for efficient monorepo management, including caching, parallel builds, and task orchestration.

Turborepo

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

( the summary is short - one or two lines )

Bundling and Automation in Monorepos

You can write JSX and use React components within your Markdown thanks to 

Here's an example of using inline JavaScript code for React components:

---
title: MDX Powered Lesson
isPublicLesson: true
useMdx: true
privateVideoUrl: <your video url here>
---

import Highlight from '~/module_02/lesson_02.02/protected/Highlight'

> This is an example of how to use MDX

You can write JSX and use React components within your Markdown thanks to [MDX](https://mdxjs.com/).

## Inline MDX

Here's an example of using inline JavaScript code for React components:

export const InlineHighlight = ({children, color}) => ( <span style={{
      backgroundColor: color,
      borderRadius: '2px',
      color: '#fff',
      padding: '0.2rem',
    }}> {children} </span> );

<InlineHighlight color="#25c2a0">Docusaurus green</InlineHighlight> and <InlineHighlight color="#1877F2">Facebook blue</InlineHighlight> are my favorite colors.

Ivan Tanev