diff --git a/astro.config.mjs b/astro.config.mjs
index 825c991..ff9b73b 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -37,4 +37,14 @@ export default defineConfig({
     },
     extendDefaultPlugins: true
   },
+
+  // Stop Vite from SSR/prebundling CommonJS packages
+  vite: {
+    ssr: {
+      noExternal: ["react-lite-youtube-embed"], // prevent SSR import
+    },
+    optimizeDeps: {
+      exclude: ["react-lite-youtube-embed"], // don't prebundle it
+    },
+  },
 });
\ No newline at end of file
diff --git a/package.json b/package.json
index de40c55..283fbe9 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "Astrogon",
+  "name": "astrogon",
   "version": "1.0.0",
   "description": "Template.",
   "author": "Jane Doe",
diff --git a/src/content/docs/tutorials/elements.mdx b/src/content/docs/tutorials/elements.mdx
index 6ca48bc..c9a0ad8 100644
--- a/src/content/docs/tutorials/elements.mdx
+++ b/src/content/docs/tutorials/elements.mdx
@@ -172,6 +172,8 @@ Maybe you don't need to see everything all the time geez.
 
 ### Youtube video
 
+<Youtube client:load id="9Kfv1WeoAvk" title="Riebeck's Banjo"/>
+
 ---
 
 ### Image