website: Add vercel analytics (#793)

Using the steps here for the static output worked out https://docs.astro.build/en/guides/integrations-guide/vercel/#choosing-a-target --- ~I think this should work, but I can't run the site locally because of an error I don't understand.~ ![image](https://github.com/muxinc/media-chrome/assets/166/e637d221-0e9e-4e65-bed8-9ab273b35eda) --------- Co-authored-by: Wesley Luyten <me@wesleyluyten.com>
muxinc · Feb 1, 2024 · 3e7b0e1 · 3e7b0e1
1 parent 3d04512
commit 3e7b0e1
Show file tree

Hide file tree

Showing 4 changed files with 481 additions and 25 deletions.
diff --git a/docs/astro.config.js b/docs/astro.config.js
@@ -11,7 +11,8 @@ import remarkGfm from 'remark-gfm';
 import remarkSmartypants from 'remark-smartypants';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import rehypeSlug from 'rehype-slug';
-import markdownIntegration from '@astropub/md'
+import markdownIntegration from '@astropub/md';
+import vercel from '@astrojs/vercel/static';
 
 const AnchorLinkIcon = h(
   'svg',
@@ -37,9 +38,11 @@ const createSROnlyLabel = (text) => {
 
 // https://astro.build/config
 export default defineConfig({
+  output: 'static',
   site: `https://www.media-chrome.org/`,
   redirects: {
-    '/showcase/submit': 'https://github.com/muxinc/media-chrome/discussions/760'
+    '/showcase/submit':
+      'https://github.com/muxinc/media-chrome/discussions/760',
   },
   integrations: [
     // Enable Preact to support Preact JSX components.
@@ -48,7 +51,7 @@ export default defineConfig({
         './src/components/Header/SidebarToggle.tsx',
         './src/components/Header/ThemeToggleButton.tsx',
         './src/components/RightSidebar/TableOfContents.tsx',
-      ]
+      ],
     }),
     // Enable React for the Algolia search component.
     react({
@@ -57,7 +60,7 @@ export default defineConfig({
         './src/components/Header/SidebarToggle.tsx',
         './src/components/Header/ThemeToggleButton.tsx',
         './src/components/RightSidebar/TableOfContents.tsx',
-      ]
+      ],
     }),
     tailwind({
       // Example: Disable injecting a basic `base.css` import on every page.
@@ -105,4 +108,9 @@ export default defineConfig({
       ],
     ],
   },
+  adapter: vercel({
+    webAnalytics: {
+      enabled: true,
+    },
+  }),
 });
diff --git a/docs/package.json b/docs/package.json
@@ -19,6 +19,7 @@
     "@astrojs/preact": "^3.0.1",
     "@astrojs/react": "^3.0.4",
     "@astrojs/tailwind": "^5.0.2",
+    "@astrojs/vercel": "^7.0.2",
     "@astropub/md": "^0.3.0",
     "@codesandbox/sandpack-react": "^2.9.0",
     "@codesandbox/sandpack-themes": "^2.0.21",

diff --git a/docs/src/layouts/LandingLayout.astro b/docs/src/layouts/LandingLayout.astro
@@ -8,11 +8,7 @@ import type { MarkdownHeading } from 'astro';
 const canonicalURL = `${new URL(Astro.url.pathname, Astro.site)}`.replace(/\/$/, '');
 ---
 
-<html
-  dir={'ltr'}
-  lang={'en-us'}
-  class="initial"
->
+<html dir={'ltr'} lang={'en-us'} class="initial">
   <head>
     <HeadCommon />
     <HeadSEO frontmatter={{}} canonicalUrl={canonicalURL} />