From 8b2c4a38a461ff5ecc95972291bc711e2c5dec9a Mon Sep 17 00:00:00 2001 From: 简律纯 Date: Fri, 28 Apr 2023 01:47:57 +0800 Subject: --- examples/with-tailwind/apps/web/src/pages/_app.tsx | 9 ++++ .../with-tailwind/apps/web/src/pages/_document.tsx | 32 +++++++++++++++ .../with-tailwind/apps/web/src/pages/index.tsx | 48 ++++++++++++++++++++++ 3 files changed, 89 insertions(+) create mode 100644 examples/with-tailwind/apps/web/src/pages/_app.tsx create mode 100644 examples/with-tailwind/apps/web/src/pages/_document.tsx create mode 100644 examples/with-tailwind/apps/web/src/pages/index.tsx (limited to 'examples/with-tailwind/apps/web/src/pages') diff --git a/examples/with-tailwind/apps/web/src/pages/_app.tsx b/examples/with-tailwind/apps/web/src/pages/_app.tsx new file mode 100644 index 0000000..cab70f5 --- /dev/null +++ b/examples/with-tailwind/apps/web/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 ; +} diff --git a/examples/with-tailwind/apps/web/src/pages/_document.tsx b/examples/with-tailwind/apps/web/src/pages/_document.tsx new file mode 100644 index 0000000..a091efe --- /dev/null +++ b/examples/with-tailwind/apps/web/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 { + const initialProps = await Document.getInitialProps(ctx); + + return initialProps; + } + + render() { + return ( + + + +
+ + + + ); + } +} + +export default MyDocument; diff --git a/examples/with-tailwind/apps/web/src/pages/index.tsx b/examples/with-tailwind/apps/web/src/pages/index.tsx new file mode 100644 index 0000000..27f57cb --- /dev/null +++ b/examples/with-tailwind/apps/web/src/pages/index.tsx @@ -0,0 +1,48 @@ +import Head from "next/head"; +import { Button, Card } from "ui"; + +const CARD_CONTENT = [ + { + title: "Caching Tasks", + href: "https://turbo.build/repo/docs/core-concepts/caching", + cta: "Read More", + }, + { + title: "Running Tasks", + href: "https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks", + cta: "Read More", + }, + { + title: "Configuration Options", + href: "https://turbo.build/repo/docs/reference/configuration", + cta: "Read More", + }, +]; + +export default function Home() { + return ( +
+ + Web - Turborepo Example + + +
+

+ Web + + Turborepo Example + +

+
+
+ +
+ {CARD_CONTENT.map((card) => ( + + ))} +
+
+
+ ); +} -- cgit v1.2.3-70-g09d2