diff --git a/examples/with-changesets/.changeset/README.md b/examples/with-changesets/.changeset/README.md
new file mode 100644
index 0000000000000..e5b6d8d6a67ad
--- /dev/null
+++ b/examples/with-changesets/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/examples/with-changesets/.changeset/config.json b/examples/with-changesets/.changeset/config.json
new file mode 100644
index 0000000000000..5b4707422f8e0
--- /dev/null
+++ b/examples/with-changesets/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.0.0/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": ["@acme/docs"]
+}
diff --git a/examples/with-changesets/.eslintrc.js b/examples/with-changesets/.eslintrc.js
new file mode 100644
index 0000000000000..f21134d4f4762
--- /dev/null
+++ b/examples/with-changesets/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require("./packages/eslint-preset-acme");
diff --git a/examples/with-changesets/.github/workflows/release.yml b/examples/with-changesets/.github/workflows/release.yml
new file mode 100644
index 0000000000000..edf2993522ec4
--- /dev/null
+++ b/examples/with-changesets/.github/workflows/release.yml
@@ -0,0 +1,42 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - master
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v2
+        with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
+          fetch-depth: 0
+
+      - name: Setup Node.js 16.x
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+
+      - name: Install Dependencies
+        run: yarn
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          # This expects you to have a script called release which does a build for your packages and calls changeset publish
+          publish: yarn release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Send a Slack notification if a publish happens
+        if: steps.changesets.outputs.published == 'true'
+        # You can do something when a publish happens.
+        run: my-slack-bot send-notification --message "A new version of ${GITHUB_REPOSITORY} was published!"
diff --git a/examples/with-changesets/.gitignore b/examples/with-changesets/.gitignore
new file mode 100644
index 0000000000000..1554c1c53a127
--- /dev/null
+++ b/examples/with-changesets/.gitignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+.turbo
+*.log
+.next
+dist
+dist-ssr
+*.local
+.env
+.cache
+server/dist
+public/dist
+.turbo
diff --git a/examples/with-changesets/README.md b/examples/with-changesets/README.md
new file mode 100644
index 0000000000000..257cca33de954
--- /dev/null
+++ b/examples/with-changesets/README.md
@@ -0,0 +1,76 @@
+# Turborepo Design System starter with Changesets
+
+This is an official React design system starter powered by Turborepo. Versioning and package publishing is handled by [Changesets](https://github.com/changesets/changesets) and fully automated with GitHub Actions.
+
+## What's inside?
+
+This Turborepo includes the following:
+
+### Apps and Packages
+
+- `docs`: A placeholder documentation site powered by [Next.js](https://nextjs.org)
+- `@acme/core`: core React components
+- `@acme/utils`: shared React utilities
+- `@acme/tsconfig`: shared `tsconfig.json`s used throughout the monorepo
+- `eslint-preset-acme`: ESLint preset
+
+Each package and app is 100% [Typescript](https://www.typescriptlang.org/).
+
+### Utilities
+
+This turborepo has some additional tools already setup for you:
+
+- [Typescript](https://www.typescriptlang.org/) for static type checking
+- [ESLint](https://eslint.org/) for code linting
+- [Prettier](https://prettier.io) for code formatting
+
+## Using this example
+
+Run the following command:
+
+```sh
+npx degit vercel/turborepo/examples/design-system design-system
+cd design-system
+yarn install
+git init . && git add . && git commit -m "Init"
+```
+
+### Useful commands
+
+- `yarn build` - Build all packages and the docs site
+- `yarn dev` - Develop all packages and the docs site
+- `yarn lint` - Lint all packages
+- `yarn changeset` - Generate a changeset
+- `yarn clean` - Clean up all `node_modules` and `dist` folders (runs each package's clean script)
+
+### Changing the NPM organization scope
+
+The NPM organization scope for this design system starter is `@acme`. To change this, it's a bit manual at the moment, but you'll need to do the following:
+
+- Rename folders in `packages/*` to replace `acme` with your desired scope
+- Search and replace `acme` with your desired scope
+- Re-run `yarn install`
+
+## Versioning and Publishing packages
+
+Package publishing has been configured using [Changesets](https://github.com/changesets/changesets). Please review their [documentation](https://github.com/changesets/changesets#documentation) to familarize yourself with the workflow.
+
+This example comes with automated npm releases setup in a [GitHub Action](https://github.com/changesets/action). To get this working, you will need to create an `NPM_TOKEN` and `GITHUB_TOKEN` in your repository settings. You should also install the [Changesets bot](https://github.com/apps/changeset-bot) on your GitHub repository as well.
+
+For more information about this automation, refer to the official [changesets documentation](https://github.com/changesets/changesets/blob/main/docs/automating-changesets.md)
+
+### npm
+
+If you want to publish package to the public npm registry and make them publicly available, this is already setup.
+
+To publish packages to a private npm organization scope, **remove** the following from each of the `package.json`'s
+
+```diff
+- "publishConfig": {
+-  "access": "public"
+- },
+```
+
+### GitHub Package Registry
+
+See [Working with the npm registry](https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#publishing-a-package-using-publishconfig-in-the-packagejson-file)
diff --git a/examples/with-changesets/apps/docs/.eslintrc.js b/examples/with-changesets/apps/docs/.eslintrc.js
new file mode 100644
index 0000000000000..a757b5e9cde84
--- /dev/null
+++ b/examples/with-changesets/apps/docs/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require("eslint-preset-acme");
diff --git a/examples/with-changesets/apps/docs/next-env.d.ts b/examples/with-changesets/apps/docs/next-env.d.ts
new file mode 100644
index 0000000000000..4f11a03dc6cc3
--- /dev/null
+++ b/examples/with-changesets/apps/docs/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/examples/with-changesets/apps/docs/next.config.js b/examples/with-changesets/apps/docs/next.config.js
new file mode 100644
index 0000000000000..da1bb770fb8e6
--- /dev/null
+++ b/examples/with-changesets/apps/docs/next.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  reactStrictMode: true,
+};
diff --git a/examples/with-changesets/apps/docs/package.json b/examples/with-changesets/apps/docs/package.json
new file mode 100644
index 0000000000000..2f525e6014ce9
--- /dev/null
+++ b/examples/with-changesets/apps/docs/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@acme/docs",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "start": "next start ",
+    "dev": "next dev -p 3002",
+    "lint": "TIMING=1 next lint",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf .next"
+  },
+  "dependencies": {
+    "@acme/core": "*",
+    "@acme/utils": "*",
+    "next": "^12.0.8",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@acme/tsconfig": "*",
+    "@types/node": "^17.0.12",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "eslint-preset-acme": "*",
+    "typescript": "^4.5.4"
+  }
+}
diff --git a/examples/with-changesets/apps/docs/src/pages/index.tsx b/examples/with-changesets/apps/docs/src/pages/index.tsx
new file mode 100644
index 0000000000000..6c614dd8cce78
--- /dev/null
+++ b/examples/with-changesets/apps/docs/src/pages/index.tsx
@@ -0,0 +1,14 @@
+import { Button } from "@acme/core";
+import { useIsomorphicLayoutEffect } from "@acme/utils";
+
+export default function Docs() {
+  useIsomorphicLayoutEffect(() => {
+    console.log("Acme docs page");
+  }, []);
+  return (
+    <div>
+      <h1>Acme Documentation</h1>
+      <Button>Click me</Button>
+    </div>
+  );
+}
diff --git a/examples/with-changesets/apps/docs/tsconfig.json b/examples/with-changesets/apps/docs/tsconfig.json
new file mode 100644
index 0000000000000..51391299700ed
--- /dev/null
+++ b/examples/with-changesets/apps/docs/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "exclude": ["node_modules"],
+  "extends": "@acme/tsconfig/nextjs.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "dist",
+    "incremental": true
+  },
+  "include": ["src", "next-env.d.ts"]
+}
diff --git a/examples/with-changesets/package.json b/examples/with-changesets/package.json
new file mode 100755
index 0000000000000..4f1fa16a57861
--- /dev/null
+++ b/examples/with-changesets/package.json
@@ -0,0 +1,23 @@
+{
+  "private": true,
+  "workspaces": [
+    "packages/*",
+    "apps/*"
+  ],
+  "scripts": {
+    "build": "turbo run build",
+    "dev": "turbo run dev --no-cache --parallel --continue",
+    "lint": "turbo run lint",
+    "clean": "turbo run clean && rm -rf node_modules",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "turbo run build --filter=docs^... && changeset publish"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.22.0",
+    "eslint": "7.32.0",
+    "prettier": "^2.5.1",
+    "turbo": "latest"
+  }
+}
diff --git a/examples/with-changesets/packages/acme-core/.eslintrc.js b/examples/with-changesets/packages/acme-core/.eslintrc.js
new file mode 100644
index 0000000000000..a757b5e9cde84
--- /dev/null
+++ b/examples/with-changesets/packages/acme-core/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require("eslint-preset-acme");
diff --git a/examples/with-changesets/packages/acme-core/package.json b/examples/with-changesets/packages/acme-core/package.json
new file mode 100644
index 0000000000000..ab4b9a19e737a
--- /dev/null
+++ b/examples/with-changesets/packages/acme-core/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@acme/core",
+  "version": "0.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**"
+  ],
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "lint": "TIMING=1 eslint src --fix",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  },
+  "devDependencies": {
+    "@acme/tsconfig": "*",
+    "eslint-preset-acme": "*",
+    "@types/react": "^17.0.13",
+    "@types/react-dom": "^17.0.8",
+    "react": "^17.0.2",
+    "tsup": "^5.10.1",
+    "typescript": "^4.5.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-changesets/packages/acme-core/src/Button.tsx b/examples/with-changesets/packages/acme-core/src/Button.tsx
new file mode 100644
index 0000000000000..fbd6ee08d5f87
--- /dev/null
+++ b/examples/with-changesets/packages/acme-core/src/Button.tsx
@@ -0,0 +1,11 @@
+import * as React from "react";
+
+export interface ButtonProps {
+  children: React.ReactNode;
+}
+
+export function Button(props: ButtonProps) {
+  return <button>{props.children}</button>;
+}
+
+Button.displayName = "Button";
diff --git a/examples/with-changesets/packages/acme-core/src/index.tsx b/examples/with-changesets/packages/acme-core/src/index.tsx
new file mode 100644
index 0000000000000..f623b2025afcd
--- /dev/null
+++ b/examples/with-changesets/packages/acme-core/src/index.tsx
@@ -0,0 +1,2 @@
+import * as React from "react";
+export { Button, type ButtonProps } from "./Button";
diff --git a/examples/with-changesets/packages/acme-core/tsconfig.json b/examples/with-changesets/packages/acme-core/tsconfig.json
new file mode 100644
index 0000000000000..9be70c06b4493
--- /dev/null
+++ b/examples/with-changesets/packages/acme-core/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "@acme/tsconfig/react-library.json",
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
+}
diff --git a/examples/with-changesets/packages/acme-tsconfig/base.json b/examples/with-changesets/packages/acme-tsconfig/base.json
new file mode 100644
index 0000000000000..d72a9f3a27835
--- /dev/null
+++ b/examples/with-changesets/packages/acme-tsconfig/base.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true
+  },
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-changesets/packages/acme-tsconfig/nextjs.json b/examples/with-changesets/packages/acme-tsconfig/nextjs.json
new file mode 100644
index 0000000000000..d17e1562a92c1
--- /dev/null
+++ b/examples/with-changesets/packages/acme-tsconfig/nextjs.json
@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Next.js",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "jsx": "preserve",
+    "rootDir": "src"
+  },
+  "include": ["src", "next-env.d.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-changesets/packages/acme-tsconfig/node14.json b/examples/with-changesets/packages/acme-tsconfig/node14.json
new file mode 100644
index 0000000000000..3f5f130f25094
--- /dev/null
+++ b/examples/with-changesets/packages/acme-tsconfig/node14.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Node 14",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "lib": ["es2020"],
+    "module": "commonjs",
+    "target": "es2020",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  }
+}
diff --git a/examples/with-changesets/packages/acme-tsconfig/package.json b/examples/with-changesets/packages/acme-tsconfig/package.json
new file mode 100644
index 0000000000000..9ad6d33679d25
--- /dev/null
+++ b/examples/with-changesets/packages/acme-tsconfig/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@acme/tsconfig",
+  "version": "0.0.0",
+  "license": "MIT",
+  "main": "index.js",
+  "files": [
+    "base.json",
+    "node14.json",
+    "nextjs.json",
+    "react-library.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-changesets/packages/acme-tsconfig/react-library.json b/examples/with-changesets/packages/acme-tsconfig/react-library.json
new file mode 100644
index 0000000000000..d5bedf108d074
--- /dev/null
+++ b/examples/with-changesets/packages/acme-tsconfig/react-library.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "React Library",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "lib": ["dom", "ES2015"],
+    "module": "ESNext",
+    "target": "ES6",
+    "jsx": "react-jsx"
+  }
+}
diff --git a/examples/with-changesets/packages/acme-utils/.eslintrc.js b/examples/with-changesets/packages/acme-utils/.eslintrc.js
new file mode 100644
index 0000000000000..a757b5e9cde84
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/.eslintrc.js
@@ -0,0 +1 @@
+module.exports = require("eslint-preset-acme");
diff --git a/examples/with-changesets/packages/acme-utils/package.json b/examples/with-changesets/packages/acme-utils/package.json
new file mode 100644
index 0000000000000..4be59235d2d33
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@acme/utils",
+  "version": "0.0.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "files": [
+    "dist/**"
+  ],
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "lint": "TIMING=1 eslint src --fix",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  },
+  "devDependencies": {
+    "@acme/tsconfig": "*",
+    "@types/react": "^17.0.13",
+    "@types/react-dom": "^17.0.8",
+    "eslint-preset-acme": "*",
+    "react": "^17.0.2",
+    "tsup": "^5.10.1",
+    "typescript": "^4.5.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-changesets/packages/acme-utils/src/index.tsx b/examples/with-changesets/packages/acme-utils/src/index.tsx
new file mode 100644
index 0000000000000..6098c1fab74bb
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/src/index.tsx
@@ -0,0 +1,3 @@
+export { toSlug } from "./toSlug";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { usePrevious } from "./usePrevious";
diff --git a/examples/with-changesets/packages/acme-utils/src/toSlug.ts b/examples/with-changesets/packages/acme-utils/src/toSlug.ts
new file mode 100644
index 0000000000000..6aec61c6a9960
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/src/toSlug.ts
@@ -0,0 +1,18 @@
+/**
+ * Return a slugified copy of a string.
+ *
+ * @param {string} str The string to be slugified
+ * @return {string} The slugified string.
+ */
+export function toSlug(str: string): string {
+  let s = str;
+  if (!s) {
+    return "";
+  }
+  s = s.toLowerCase().trim();
+  s = s.replace(/ & /g, " and ");
+  s = s.replace(/[ ]+/g, "-");
+  s = s.replace(/[-]+/g, "-");
+  s = s.replace(/[^a-z0-9-]+/g, "");
+  return s;
+}
diff --git a/examples/with-changesets/packages/acme-utils/src/useIsomorphicLayoutEffect.tsx b/examples/with-changesets/packages/acme-utils/src/useIsomorphicLayoutEffect.tsx
new file mode 100644
index 0000000000000..59a789986d68b
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/src/useIsomorphicLayoutEffect.tsx
@@ -0,0 +1,13 @@
+import * as React from "react";
+
+/**
+ * On the server, React emits a warning when calling `useLayoutEffect`.
+ * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
+ * We use this safe version which suppresses the warning by replacing it with a noop on the server.
+ *
+ * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */
+const useIsomorphicLayoutEffect =
+  typeof window !== "undefined" ? React.useLayoutEffect : () => {};
+
+export { useIsomorphicLayoutEffect };
diff --git a/examples/with-changesets/packages/acme-utils/src/usePrevious.tsx b/examples/with-changesets/packages/acme-utils/src/usePrevious.tsx
new file mode 100644
index 0000000000000..8024464562fdd
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/src/usePrevious.tsx
@@ -0,0 +1,17 @@
+import * as React from "react";
+
+function usePrevious<T>(value: T) {
+  // The ref object is a generic container whose current property is mutable ...
+  // ... and can hold any value, similar to an instance property on a class
+  const ref = React.useRef<T>(value);
+
+  // Store current value in ref
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]); // Only re-run if value changes
+
+  // Return previous value (happens before update in useEffect above)
+  return ref.current;
+}
+
+export { usePrevious };
diff --git a/examples/with-changesets/packages/acme-utils/tsconfig.json b/examples/with-changesets/packages/acme-utils/tsconfig.json
new file mode 100644
index 0000000000000..9be70c06b4493
--- /dev/null
+++ b/examples/with-changesets/packages/acme-utils/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "@acme/tsconfig/react-library.json",
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
+}
diff --git a/examples/with-changesets/packages/eslint-preset-acme/index.js b/examples/with-changesets/packages/eslint-preset-acme/index.js
new file mode 100644
index 0000000000000..cedc38df2ccfc
--- /dev/null
+++ b/examples/with-changesets/packages/eslint-preset-acme/index.js
@@ -0,0 +1,12 @@
+module.exports = {
+  extends: ["next", "prettier"],
+  settings: {
+    next: {
+      rootDir: ["apps/*/", "packages/*/"],
+    },
+  },
+  rules: {
+    "@next/next/no-html-link-for-pages": "off",
+    "react/jsx-key": "off",
+  },
+};
diff --git a/examples/with-changesets/packages/eslint-preset-acme/package.json b/examples/with-changesets/packages/eslint-preset-acme/package.json
new file mode 100644
index 0000000000000..40c5aeee7da90
--- /dev/null
+++ b/examples/with-changesets/packages/eslint-preset-acme/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "eslint-preset-acme",
+  "version": "0.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "eslint-config-next": "^12.0.8",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-react": "7.28.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/examples/with-changesets/turbo.json b/examples/with-changesets/turbo.json
new file mode 100644
index 0000000000000..284edea98ce4c
--- /dev/null
+++ b/examples/with-changesets/turbo.json
@@ -0,0 +1,28 @@
+{
+  "pipeline": {
+    "build": {
+      "outputs": [
+        "dist/**",
+        ".next/**"
+      ],
+      "dependsOn": [
+        "^build"
+      ]
+    },
+    "test": {
+      "outputs": [
+        "coverage/**"
+      ],
+      "dependsOn": []
+    },
+    "lint": {
+      "outputs": []
+    },
+    "dev": {
+      "cache": false
+    },
+    "clean": {
+      "cache": false
+    }
+  }
+}