---
title: Creating an Internal Package
description: Learn how to create an Internal Package for your monorepo.
product: turborepo
type: guide
summary: Build a new internal package from scratch to share code across your monorepo.
prerequisites:
  - /docs/crafting-your-repository/structuring-a-repository
  - /docs/crafting-your-repository/managing-dependencies
related:
  - /docs/core-concepts/internal-packages
  - /docs/core-concepts/package-types
  - /docs/crafting-your-repository/configuring-tasks
---

# Creating an Internal Package

<CopyPrompt
  title="Create an internal package in Turborepo"
  prompt={
  "Create a new internal package in this Turborepo.\n1) Set up the package directory and package.json\n2) Configure TypeScript with tsconfig.json\n3) Set up exports and install it in an app\n\nWalk me through each step."
}
/>

[Internal Packages](/docs/core-concepts/internal-packages) are the building blocks of your workspace, giving you a powerful way to share code and functionality across your repo. Turborepo automatically understands the relationships between Internal Packages using the dependencies in `package.json`, creating a [Package Graph](/docs/core-concepts/package-and-task-graph#package-graph) under the hood to optimize your repository's workflows.

<img alt="Visual representation of a Package Graph in a Turborepo." src={__img0} placeholder="blur" />

Let's create your first Internal Package to share math utilities in your repo using the guidance in the [Anatomy of a package](/docs/crafting-your-repository/structuring-a-repository#anatomy-of-a-package) section and the [Compiled Packages](/docs/core-concepts/internal-packages#compiled-packages) pattern. In the steps below, we assume you've [created a new repository using `create-turbo`](/docs/getting-started/installation) or are using a similarly structured repository.

<Steps>
  <Step>
    Create an empty directory [#create-an-empty-directory]

    You'll need a directory to put the package in. Let's create one at `./packages/math`.

    <Files>
      <File name="package.json" />

      <File name="turbo.json" />

      <Folder name="apps" />

      <Folder name="packages" defaultOpen>
        <Folder name="math" green defaultOpen />

        <Folder name="ui">
          <File name="package.json" />
        </Folder>

        <Folder name="eslint-config">
          <File name="package.json" />
        </Folder>

        <Folder name="typescript-config">
          <File name="package.json" />
        </Folder>
      </Folder>
    </Files>
  </Step>

  <Step>
    Add a package.json [#add-a-packagejson]

    Next, create the `package.json` for the package. By adding this file, you'll fulfill [the two requirements for an Internal Package](/docs/crafting-your-repository/structuring-a-repository#specifying-packages-in-a-monorepo), making it discoverable to Turborepo and the rest of your Workspace.

    <Callout type="warn">
      The `name` field in your `package.json` determines how your package can be
      imported throughout your workspace. The name you choose here (e.g.
      `@repo/math`) is exactly how other packages will import it (e.g. `import {add}
        from '@repo/math/add'`).
    </Callout>

    <PackageManagerTabs>
      <Tab value="pnpm">
        ```json title="./packages/math/package.json"
        {
          "name": "@repo/math",
          "type": "module",
          "scripts": {
            "dev": "tsc --watch",
            "build": "tsc"
          },
          "exports": {
            "./add": {
              "types": "./src/add.ts",
              "default": "./dist/add.js"
            },
            "./subtract": {
              "types": "./src/subtract.ts",
              "default": "./dist/subtract.js"
            }
          },
          "devDependencies": {
            "@repo/typescript-config": "workspace:*",
            "typescript": "latest"
          }
        }
        ```
      </Tab>

      <Tab value="yarn">
        ```json title="./packages/math/package.json"
        {
          "name": "@repo/math",
          "type": "module",
          "scripts": {
            "dev": "tsc --watch",
            "build": "tsc"
          },
          "exports": {
            "./add": {
              "types": "./src/add.ts",
              "default": "./dist/add.js"
            },
            "./subtract": {
              "types": "./src/subtract.ts",
              "default": "./dist/subtract.js"
            }
          },
          "devDependencies": {
            "@repo/typescript-config": "workspace:*",
            "typescript": "latest"
          }
        }
        ```
      </Tab>

      <Tab value="npm">
        ```json title="./packages/math/package.json"
        {
          "name": "@repo/math",
          "type": "module",
          "scripts": {
            "dev": "tsc --watch",
            "build": "tsc"
          },
          "exports": {
            "./add": {
              "types": "./src/add.ts",
              "default": "./dist/add.js"
            },
            "./subtract": {
              "types": "./src/subtract.ts",
              "default": "./dist/subtract.js"
            }
          },
          "devDependencies": {
            "@repo/typescript-config": "*",
            "typescript": "latest"
          }
        }
        ```
      </Tab>

      <Tab value="bun">
        ```json title="./packages/math/package.json"
        {
          "name": "@repo/math",
          "type": "module",
          "scripts": {
            "dev": "tsc --watch",
            "build": "tsc"
          },
          "exports": {
            "./add": {
              "types": "./src/add.ts",
              "default": "./dist/add.js"
            },
            "./subtract": {
              "types": "./src/subtract.ts",
              "default": "./dist/subtract.js"
            }
          },
          "devDependencies": {
            "@repo/typescript-config": "workspace:*",
            "typescript": "latest"
          }
        }
        ```
      </Tab>
    </PackageManagerTabs>

    Let's break down this `package.json` piece-by-piece:

    * **`name`**: This is the most critical field for package discoverability. The value `@repo/math` becomes the exact identifier used in import statements throughout your workspace. If you change this name, you must update all import statements accordingly.
    * **`scripts`**: The `dev` and `build` script compile the package using [the TypeScript compiler](https://www.typescriptlang.org/docs/handbook/compiler-options.html). The `dev` script will watch for changes to source code and automatically recompile the package.
    * **`devDependencies`**: `typescript` and `@repo/typescript-config` are `devDependencies` so you can use those packages in the `@repo/math` package. In a real-world package, you will likely have more `devDependencies` and `dependencies` - but we can keep it simple for now.
    * **`exports`**: Defines multiple entrypoints for the package so it can be used in other packages (`import { add } from '@repo/math/add'`).

    Notably, this `package.json` declares an Internal Package, `@repo/typescript-config`, as a dependency. Turborepo will recognize `@repo/math` as a dependent of `@repo/typescript-config` for ordering your tasks.
  </Step>

  <Step>
    Add a tsconfig.json [#add-a-tsconfigjson]

    Specify the TypeScript configuration for this package by adding a `tsconfig.json` file to **the root of the package**. TypeScript has [an `extends` key](https://www.typescriptlang.org/tsconfig#extends), allowing you to use a base configuration throughout your repository and overwrite with different options as needed.

    ```json title="./packages/math/tsconfig.json"
    {
      "extends": "@repo/typescript-config/base.json",
      "compilerOptions": {
        "outDir": "dist",
        "rootDir": "src"
      },
      "include": ["src"],
      "exclude": ["node_modules", "dist"]
    }
    ```

    You've done four important things here:

    * The `@repo/typescript-config/base.json` configuration that lives in `./packages/typescript-config` has all the configuration you need so you extend from it.
    * [The `outDir` key](https://www.typescriptlang.org/tsconfig/#outDir) in `compilerOptions` tells TypeScript where to put the compiled output. It matches the directory specified in your `exports` in `package.json`.
    * [The `rootDir` key in `compilerOptions`](https://www.typescriptlang.org/tsconfig/#rootDir) ensures that the output in `outDir` uses the same structure as the `src` directory.
    * The [`include`](https://www.typescriptlang.org/tsconfig/#include) and [`exclude`](https://www.typescriptlang.org/tsconfig/#exclude) keys are not inherited from the base configuration, [according to the TypeScript specification](https://www.typescriptlang.org/tsconfig#include), so you've included them here.

    <Callout type="info">
      There's a lot more to learn about TypeScript configuration, but this is a good
      place to start for now. If you'd like to learn more, visit [the official
      TypeScript documentation](https://www.typescriptlang.org/tsconfig) or [our
      TypeScript guide](/docs/guides/tools/typescript).
    </Callout>
  </Step>

  <Step>
    Add a src directory with source code [#add-a-src-directory-with-source-code]

    You can now write some code for your package. Create two files inside a `src` directory:

    <Tabs items={['add.ts', 'subtract.ts']}>
      <Tab value="add.ts">
        ```ts title="./packages/math/src/add.ts"
        export const add = (a: number, b: number) => a + b;
        ```
      </Tab>

      <Tab value="subtract.ts">
        ```ts title="./packages/math/src/subtract.ts"
        export const subtract = (a: number, b: number) => a - b;
        ```
      </Tab>
    </Tabs>

    These files map to the outputs that will be created by `tsc` when you run `turbo build` in a moment.
  </Step>

  <Step>
    Add the package to an application [#add-the-package-to-an-application]

    You're ready to use your new package in an application. Let's add it to the `web` application.

    <PackageManagerTabs>
      <Tab value="pnpm">
        ```diff title="apps/web/package.json"
          "dependencies": {
        +   "@repo/math": "workspace:*",
            "next": "latest",
            "react": "latest",
            "react-dom": "latest"
          },
        ```
      </Tab>

      <Tab value="yarn">
        ```diff title="apps/web/package.json"
          "dependencies": {
        +   "@repo/math": "*",
            "next": "latest",
            "react": "latest",
            "react-dom": "latest"
          },
        ```
      </Tab>

      <Tab value="npm">
        ```diff title="apps/web/package.json"
          "dependencies": {
        +   "@repo/math": "*",
            "next": "latest",
            "react": "latest",
            "react-dom": "latest"
          },
        ```
      </Tab>

      <Tab value="bun">
        ```diff title="apps/web/package.json"
          "dependencies": {
        +   "@repo/math": "workspace:*",
            "next": "latest",
            "react": "latest",
            "react-dom": "latest"
          },
        ```
      </Tab>
    </PackageManagerTabs>

    <Callout type="warn">
      You just changed the dependencies in your repo. Make sure to run your package
      manager's installation command to update your lockfile.
    </Callout>

    `@repo/math` is now available in the `web` application, you can use it in your code:

    ```tsx title="apps/web/src/app/page.tsx"
    import { add } from "@repo/math/add";

    function Page() {
      return <div>{add(1, 2)}</div>;
    }

    export default Page;
    ```
  </Step>

  <Step>
    Edit turbo.json [#edit-turbojson]

    Add the artifacts for the new `@repo/math` library to the `outputs` for the `build` task in `turbo.json`. This ensures that its build outputs will be cached by Turborepo, so they can be restored instantly when you start running builds.

    ```json title="./turbo.json"
    // [!code word:"dist/**"]
    {
      "tasks": {
        "build": {
          "dependsOn": ["^build"],
          "outputs": [".next/**", "!.next/cache/**", "dist/**"]
        }
      }
    }
    ```
  </Step>

  <Step>
    Run turbo build [#run-turbo-build]

    If you've [installed `turbo` globally](/docs/getting-started/installation#global-installation), run `turbo build` in your terminal at the root of your Workspace. You can also run the `build` script from `package.json` with your package manager, which will use `turbo run build`.

    The `@repo/math` package built before the `web` application built so that the runtime code in `./packages/math/dist` is available to the `web` application when it bundles.

    <Callout type="info">
      You can run `turbo build` again to see your `web` application rebuild in
      **milliseconds**. We'll discuss this at length in [the Caching
      guide](/docs/crafting-your-repository/caching).
    </Callout>
  </Step>
</Steps>

Best practices for Internal Packages [#best-practices-for-internal-packages]

One "purpose" per package [#one-purpose-per-package]

When you're creating Internal Packages, it's recommended to create packages that have a single "purpose". This isn't a strict science or rule, but a best practice depending on your repository, your scale, your organization, what your teams need, and more. This strategy has several advantages:

* **Easier to understand**: As a repository scales, developers working in the repository will more easily be able to find the code they need.
* **Reducing dependencies per package**: Using fewer dependencies per package makes it so Turborepo can more effectively [prune the dependencies of your package graph](/docs/reference/prune).

Some examples include:

* **`@repo/ui`**: A package containing all of your shared UI components
* **`@repo/tool-specific-config`**: A package for managing configuration of a specific tool
* **`@repo/graphs`**: A domain-specific library for creating and manipulating graphical data

Application Packages do not contain shared code [#application-packages-do-not-contain-shared-code]

When you're creating [Application Packages](/docs/core-concepts/package-types#application-packages), it's best to avoid putting shared code in those packages. Instead, you should create a separate package for the shared code and have the application packages depend on that package.

Additionally, Application Packages are not meant to be installed into other packages. Instead, they should be thought of as an entrypoint to your [Package Graph](/docs/core-concepts/package-and-task-graph#package-graph).

<Callout type="info">
  There are [rare
  exceptions](/docs/core-concepts/package-types#installing-an-applicaiton-package-into-another-package)
  to this rule.
</Callout>

Next steps [#next-steps]

With a new Internal Package in place, you can start [configuring tasks](/docs/crafting-your-repository/configuring-tasks).

---

[View full sitemap](/sitemap.md)