feat(typescript): add typescript page

.circleci/config.yml

@@ -4,7 +4,7 @@ version: 2.1
 #        ORBS
 # -------------------------
 orbs:
-  nx: nrwl/nx@1.2.0
+  nx: nrwl/nx@1.6.2
 
 # -------------------------
 #        DEFAULTS
@@ -46,13 +46,13 @@ commands:
       - restore_cache:
           name: Restore Yarn Package Cache
           keys:
-            - monorepo-tools/yarn-packages/<< parameters.os >>/{{ checksum "yarn.lock" }}
+            - monorepo-tools/node-packages/<< parameters.os >>/{{ checksum "yarn.lock" }}
       - run:
           name: Install dependencies
           command: yarn install --prefer-offline --frozen-lockfile --non-interactive --cache-folder ~/.cache/yarn
       - save_cache:
           name: Save Yarn Package Cache
-          key: monorepo-tools/yarn-packages/<< parameters.os >>/{{ checksum "yarn.lock" }}
+          key: monorepo-tools/node-packages/<< parameters.os >>/{{ checksum "yarn.lock" }}
           paths:
             - node_modules
             - ~/.cache

apps/website/pages/typescript.tsx

@@ -0,0 +1,62 @@
+import { Footer } from '@monorepo-tools/website/ui-commons';
+import {
+  Benchmark,
+  Introduction,
+  PathAliases,
+  PrebuildCallout,
+  ProjectStructure,
+  Resources,
+  TypeReferences,
+  Workspaces,
+} from '@monorepo-tools/website/ui-typescript';
+import { NextSeo } from 'next-seo';
+import { useRouter } from 'next/router';
+
+export function Index() {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Monorepo Explained | TypeScript"
+        description="Everything you need to know about TypeScript monorepos."
+        openGraph={{
+          url: `https://monorepo.tools${router.asPath}`,
+          title: 'Monorepo Explained',
+          description:
+            'Everything you need to know about TypeScript monorepos.',
+          images: [
+            {
+              url: 'https://monorepo.tools/images/og-monorepotools.jpg',
+              width: 1200,
+              height: 630,
+              alt: 'Everything you need to know about TypeScript monorepos.',
+              type: 'image/jpg',
+            },
+          ],
+          site_name: 'monorepo.tools',
+        }}
+        twitter={{
+          handle: '@NxDevTools',
+          site: '@monorepotools',
+          cardType: 'summary_large_image',
+        }}
+      />
+
+      <main>
+        <Introduction />
+        <ProjectStructure />
+        <PathAliases />
+        <Workspaces />
+        <PrebuildCallout />
+        <TypeReferences />
+        <Benchmark />
+        <Resources />
+      </main>
+
+      <Footer />
+    </>
+  );
+}
+
+export default Index;