feat(*): add og

Author: Nickersoft

.tool-versions

@@ -1 +1,2 @@
 nodejs 20
+bun  1.1.27

bun.lockb

@@ -12,6 +12,7 @@
     "preview": "turbo run preview",
     "check": "turbo run check",
     "www": "bun --filter www run",
+    "postinstall": "bun run build --filter='@atmx-org/*'",
     "cli": "bun --filter cli run",
     "common": "bun --filter common run"
   },

package.json

@@ -27,6 +27,7 @@ export default defineConfig({
   integrations: [
     starlight({
       title: "ATMX",
+      description: "Utilities, React hooks, and more in a single command.",
       customCss: [
         "@fontsource-variable/inter",
         "@fontsource/geist-mono",
@@ -75,6 +76,7 @@ export default defineConfig({
         Header: "./src/components/Header.astro",
         ContentPanel: "./src/components/ContentPanel.astro",
         Hero: "./src/components/Hero.astro",
+        Head: "./src/components/Head.astro",
       },
     }),
     tailwind({

www/astro.config.ts

@@ -35,6 +35,7 @@
     "@radix-ui/react-tabs": "^1.1.0",
     "@rehype-pretty/transformers": "^0.13.2",
     "astro": "^4.14.5",
+    "astro-seo": "^0.8.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "1.0.0",

www/package.json

@@ -1,5 +1,9 @@
 ---
-// import { ViewTransitions } from "astro:transitions";
+import type { Props } from "@astrojs/starlight/props";
+import Default from "@astrojs/starlight/components/Head.astro";
 ---
 
-<!-- <ViewTransitions /> -->
+<Default {...Astro.props}><slot /></Default>
+
+<meta property="og:image" content={new URL("/og.jpg", Astro.url)} />
+<meta name="twitter:image" content={new URL("/og.jpg", Astro.url)} />

www/public/og.jpg

@@ -2,4 +2,4 @@
 import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro";
 ---
 
-<StarlightPage frontmatter={{ hero: {}, template: "splash", title: "" }} />
+<StarlightPage frontmatter={{ hero: {}, template: "splash", title: "Home" }} />