4 files changed, 68 insertions, 0 deletions
diff --git a/examples/with-tailwind/apps/docs/src/pages/_app.tsx b/examples/with-tailwind/apps/docs/src/pages/_app.tsx
new file mode 100644
index 0000000..cab70f5
--- /dev/null
+++ b/examples/with-tailwind/apps/docs/src/pages/_app.tsx
@@ -0,0 +1,9 @@
+import "../styles/globals.css";
+// include styles from the ui package
+import "ui/styles.css";
+
+import type { AppProps } from "next/app";
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
diff --git a/examples/with-tailwind/apps/docs/src/pages/_document.tsx b/examples/with-tailwind/apps/docs/src/pages/_document.tsx
new file mode 100644
index 0000000..a091efe
--- /dev/null
+++ b/examples/with-tailwind/apps/docs/src/pages/_document.tsx
@@ -0,0 +1,32 @@
+import Document, {
+  DocumentContext,
+  DocumentInitialProps,
+  Html,
+  Head,
+  Main,
+  NextScript,
+} from "next/document";
+
+class MyDocument extends Document {
+  static async getInitialProps(
+    ctx: DocumentContext
+  ): Promise<DocumentInitialProps> {
+    const initialProps = await Document.getInitialProps(ctx);
+
+    return initialProps;
+  }
+
+  render() {
+    return (
+      <Html className="bg-zinc-900">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}
+
+export default MyDocument;
diff --git a/examples/with-tailwind/apps/docs/src/pages/index.tsx b/examples/with-tailwind/apps/docs/src/pages/index.tsx
new file mode 100644
index 0000000..6f0fe62
--- /dev/null
+++ b/examples/with-tailwind/apps/docs/src/pages/index.tsx
@@ -0,0 +1,24 @@
+import Head from "next/head";
+import { Button } from "ui";
+
+export default function Home() {
+  return (
+    <div className="flex min-h-screen flex-col items-center justify-center py-2">
+      <Head>
+        <title>Docs - Turborepo Example</title>
+      </Head>
+
+      <main className="mx-auto w-auto px-4 pt-16 pb-8 sm:pt-24 lg:px-8">
+        <h1 className="mx-auto text-center text-6xl font-extrabold tracking-tight text-white sm:text-7xl lg:text-8xl xl:text-8xl">
+          Docs
+          <span className="block bg-gradient-to-r from-brandred to-brandblue bg-clip-text text-transparent px-2">
+            Turborepo Example
+          </span>
+        </h1>
+        <div className="mx-auto mt-5 max-w-xl sm:flex sm:justify-center md:mt-8">
+          <Button />
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/examples/with-tailwind/apps/docs/src/styles/globals.css b/examples/with-tailwind/apps/docs/src/styles/globals.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/examples/with-tailwind/apps/docs/src/styles/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;