17 files changed, 246 insertions, 0 deletions

diff --git a/examples/with-gatsby/apps/docs/.eslintrc.js b/examples/with-gatsby/apps/docs/.eslintrc.js
new file mode 100644
index 0000000..5c153af
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ["custom/next"],
+};
diff --git a/examples/with-gatsby/apps/docs/README.md b/examples/with-gatsby/apps/docs/README.md
new file mode 100644
index 0000000..14e1db2
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/README.md
@@ -0,0 +1,30 @@
+## Getting Started
+
+First, run the development server:
+
+```bash
+turbo dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/examples/with-gatsby/apps/docs/next-env.d.ts b/examples/with-gatsby/apps/docs/next-env.d.ts
new file mode 100644
index 0000000..4f11a03
--- /dev/null
+++ b/examples/with-gatsby/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-gatsby/apps/docs/next.config.js b/examples/with-gatsby/apps/docs/next.config.js
new file mode 100644
index 0000000..fdda6aa
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/next.config.js
@@ -0,0 +1,4 @@
+module.exports = {
+  reactStrictMode: true,
+  transpilePackages: ["ui"],
+};
diff --git a/examples/with-gatsby/apps/docs/package.json b/examples/with-gatsby/apps/docs/package.json
new file mode 100644
index 0000000..75dd2e0
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "docs",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --port 3001",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "^13.1.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "ui": "workspace:*"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "eslint-config-custom": "workspace:*",
+    "eslint": "7.32.0",
+    "tsconfig": "workspace:*",
+    "@types/node": "^17.0.12",
+    "@types/react": "^18.0.22",
+    "@types/react-dom": "^18.0.7",
+    "typescript": "^4.5.3"
+  }
+}
diff --git a/examples/with-gatsby/apps/docs/pages/index.tsx b/examples/with-gatsby/apps/docs/pages/index.tsx
new file mode 100644
index 0000000..0d1dabc
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/pages/index.tsx
@@ -0,0 +1,10 @@
+import { Button } from "ui";
+
+export default function Docs() {
+  return (
+    <div>
+      <h1>Docs</h1>
+      <Button />
+    </div>
+  );
+}
diff --git a/examples/with-gatsby/apps/docs/tsconfig.json b/examples/with-gatsby/apps/docs/tsconfig.json
new file mode 100644
index 0000000..a355365
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "tsconfig/nextjs.json",
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-gatsby/apps/docs/turbo.json b/examples/with-gatsby/apps/docs/turbo.json
new file mode 100644
index 0000000..4c6c3b2
--- /dev/null
+++ b/examples/with-gatsby/apps/docs/turbo.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "pipeline": {
+    "build": {
+      "outputs": [".next/**", "!.next/cache/**"]
+    }
+  }
+}
diff --git a/examples/with-gatsby/apps/web/.eslintrc.js b/examples/with-gatsby/apps/web/.eslintrc.js
new file mode 100644
index 0000000..5d8a502
--- /dev/null
+++ b/examples/with-gatsby/apps/web/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: ["custom/react"],
+};
diff --git a/examples/with-gatsby/apps/web/.gitignore b/examples/with-gatsby/apps/web/.gitignore
new file mode 100644
index 0000000..5282102
--- /dev/null
+++ b/examples/with-gatsby/apps/web/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+.cache/
+public
+src/gatsby-types.d.ts
diff --git a/examples/with-gatsby/apps/web/README.md b/examples/with-gatsby/apps/web/README.md
new file mode 100644
index 0000000..b348ca3
--- /dev/null
+++ b/examples/with-gatsby/apps/web/README.md
@@ -0,0 +1,15 @@
+## 🚀 Quick start
+
+1.  **Start developing.**
+
+    Navigate into your new site’s directory and start it up.
+
+    ```bash
+    turbo dev
+    ```
+
+2.  **Open the code and start customizing!**
+
+    Your site is now running at http://localhost:8000!
+
+    Edit `src/pages/index.tsx` to see your site update in real-time!
diff --git a/examples/with-gatsby/apps/web/gatsby-config.ts b/examples/with-gatsby/apps/web/gatsby-config.ts
new file mode 100644
index 0000000..4bf467b
--- /dev/null
+++ b/examples/with-gatsby/apps/web/gatsby-config.ts
@@ -0,0 +1,19 @@
+import type { GatsbyConfig } from "gatsby";
+
+const config: GatsbyConfig = {
+  siteMetadata: {
+    siteUrl: `https://www.yourdomain.tld`,
+  },
+  graphqlTypegen: true,
+  plugins: [
+    `gatsby-plugin-pnpm`,
+    {
+      resolve: `gatsby-plugin-compile-es6-packages`,
+      options: {
+        modules: [`ui`],
+      },
+    },
+  ],
+};
+
+export default config;
diff --git a/examples/with-gatsby/apps/web/package.json b/examples/with-gatsby/apps/web/package.json
new file mode 100644
index 0000000..00f0c85
--- /dev/null
+++ b/examples/with-gatsby/apps/web/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "web",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "gatsby develop",
+    "build": "gatsby build",
+    "start": "gatsby develop",
+    "lint": "tsc --noEmit && eslint src/**/*.ts*"
+  },
+  "dependencies": {
+    "eslint": "7.32.0",
+    "gatsby": "^5.7.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "ui": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/node": "^18.15.0",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "babel-eslint": "^10.1.0",
+    "eslint-config-custom": "workspace:*",
+    "gatsby-plugin-compile-es6-packages": "^2.1.1",
+    "gatsby-plugin-pnpm": "^1.2.10",
+    "tsconfig": "workspace:*",
+    "typescript": "^4.9.5"
+  }
+}
diff --git a/examples/with-gatsby/apps/web/src/pages/404.tsx b/examples/with-gatsby/apps/web/src/pages/404.tsx
new file mode 100644
index 0000000..68a3a72
--- /dev/null
+++ b/examples/with-gatsby/apps/web/src/pages/404.tsx
@@ -0,0 +1,49 @@
+import * as React from "react";
+import { Link, HeadFC, PageProps } from "gatsby";
+
+const pageStyles = {
+  color: "#232129",
+  padding: "96px",
+  fontFamily: "-apple-system, Roboto, sans-serif, serif",
+};
+const headingStyles = {
+  marginTop: 0,
+  marginBottom: 64,
+  maxWidth: 320,
+};
+
+const paragraphStyles = {
+  marginBottom: 48,
+};
+const codeStyles = {
+  color: "#8A6534",
+  padding: 4,
+  backgroundColor: "#FFF4DB",
+  fontSize: "1.25rem",
+  borderRadius: 4,
+};
+
+const NotFoundPage: React.FC<PageProps> = () => {
+  return (
+    <main style={pageStyles}>
+      <h1 style={headingStyles}>Page not found</h1>
+      <p style={paragraphStyles}>
+        Sorry 😔, we couldn’t find what you were looking for.
+        <br />
+        {process.env.NODE_ENV === "development" ? (
+          <>
+            <br />
+            Try creating a page in <code style={codeStyles}>src/pages/</code>.
+            <br />
+          </>
+        ) : null}
+        <br />
+        <Link to="/">Go home</Link>.
+      </p>
+    </main>
+  );
+};
+
+export default NotFoundPage;
+
+export const Head: HeadFC = () => <title>Not found</title>;
diff --git a/examples/with-gatsby/apps/web/src/pages/index.tsx b/examples/with-gatsby/apps/web/src/pages/index.tsx
new file mode 100644
index 0000000..30844d6
--- /dev/null
+++ b/examples/with-gatsby/apps/web/src/pages/index.tsx
@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { HeadFC, PageProps } from "gatsby";
+import { Button } from "ui";
+
+const IndexPage: React.FC<PageProps> = () => {
+  return (
+    <main>
+      <h1>Web</h1>
+      <Button />
+    </main>
+  );
+};
+
+export default IndexPage;
+
+export const Head: HeadFC = () => <title>Home Page</title>;
diff --git a/examples/with-gatsby/apps/web/tsconfig.json b/examples/with-gatsby/apps/web/tsconfig.json
new file mode 100644
index 0000000..1f1b42d
--- /dev/null
+++ b/examples/with-gatsby/apps/web/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "tsconfig/gatsby.json",
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}
diff --git a/examples/with-gatsby/apps/web/turbo.json b/examples/with-gatsby/apps/web/turbo.json
new file mode 100644
index 0000000..fa10d78
--- /dev/null
+++ b/examples/with-gatsby/apps/web/turbo.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "pipeline": {
+    "build": {
+      // include .vercel to ensure output is cached when deploying on Vercel (https://vercel.com/docs/build-output-api/v3)
+      "outputs": ["public/**", ".cache/**", ".vercel/**"],
+      "env": ["NODE_ENV"]
+    }
+  }
+}