Shared Packages

Browse and learn about all 35 shared packages (@repo/*) that power your OneApp applications with reusable UI components, utilities, database clients, authentication, AI integration, and more.

Why shared packages matter

Building applications without shared packages creates serious problems:

• Code duplication — Same UI components copied across multiple apps with inconsistent styling
• Maintenance nightmare — Fix one bug in 10 places, miss it in the 11th
• No type safety — Types defined separately in each app drift apart over time
• Inconsistent patterns — Each team implements authentication, database access, error handling differently
• Slow development — Every new app rebuilds the same utilities from scratch
• Breaking changes — Update a dependency in one app, forget to update others

OneApp's package system uses pnpm workspaces with the workspace:* protocol — automatically linking internal packages, providing instant type checking across all apps, and enabling atomic changes across the entire monorepo — so you build features once and use them everywhere.

Use cases

Master shared packages to:

• Build UI faster — Import Button, Card, Input from @repo/ui instead of building from scratch
• Ensure consistency — All apps use the same auth flow, database client, error handling
• Share types safely — Branded types prevent ID mix-ups at compile time
• Integrate AI quickly — Pre-configured Vercel AI SDK wrapper with streaming, tool calling, RAG
• Scale teams — Teams work independently but share core infrastructure
• Update atomically — Change a utility function once, all 40+ apps get the update

Quick Start

Using packages in your app

All internal packages use the workspace:* protocol:

{
  "name": "web",
  "dependencies": {
    "@repo/ui": "workspace:*",
    "@repo/auth": "workspace:*",
    "@repo/db-prisma": "workspace:*",
    "@repo/ai": "workspace:*",
    "@repo/utils": "workspace:*",
    "@repo/types": "workspace:*"
  }
}

Add packages to your app:

# Add a package (automatically uses workspace:*)
pnpm --filter=web add @repo/ui
pnpm --filter=mobile-app add @repo/auth-mobile

Import and use:

// UI Components
import { Button, Card, Input } from "@repo/ui";

// Utilities
import { cn, formatDate, formatCurrency } from "@repo/utils";

// Types
import type { Brand, AsyncResult, UserId } from "@repo/types";

// Database
import { prisma } from "@repo/db-prisma";

// Authentication
import { auth } from "@repo/auth/server";

// AI
import { generateText, streamText } from "@repo/ai";

export default async function HomePage() {
  const user = await auth.api.getSession({ headers: await headers() });

  return (
    <Card>
      <h1>Welcome, {user?.user.name}</h1>
      <Button>Get Started</Button>
    </Card>
  );
}

Package categories

OneApp's 35 packages are organized into 8 functional categories:

Most commonly used packages:

• @repo/ui — React 19 components with Tailwind CSS 4
• @repo/auth — Better Auth integration for Next.js 16
• @repo/db-prisma — Prisma 7 with Neon Postgres
• @repo/ai — Vercel AI SDK v6 wrapper with streaming
• @repo/types — Branded types and TypeScript utilities
• @repo/utils — Common utilities (cn, formatters, validators)

Complete package reference

All packages by category

AI & Machine Learning

Authentication & Security

Database & Persistence

UI Components & Theming

Content Editors

Features

Analytics

Integrations & 3rd Party

Core Infrastructure

Next steps

• Learn workspace architecture: Workspace Architecture →
• Master dependency management: Dependency Management →
• Explore platform apps: Platform Apps →