Packages

Shared Packages

Reusable code shared across applications

Packages Overview

Package Structure

All packages follow a consistent structure:

index.ts
package.json
tsconfig.json

Using Packages

Packages are referenced using the workspace:* protocol:

apps/web/package.json
{
  "dependencies": {
    "@shared/ui": "workspace:*",
    "@shared/lib": "workspace:*"
  }
}

Importing from Packages

// Import UI components

// Import utilities
import { dayjs, formatDate } from "@shared/lib"

import { Button, Card, TextField } from "@shared/ui"

Benefits


Explore each package to learn more about its contents and usage.