diff --git a/astro.config.mjs b/astro.config.mjs
index a756ac5..14d34f4 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,8 +5,16 @@ import mdx from "@astrojs/mdx";
 
 import serviceWorker from "astrojs-service-worker";
 
+let integrations = [mdx()];
+console.log(import.meta.env.MODE);
+
+if (import.meta.env.MODE === "production") {
+  console.log(import.meta.env.MODE);
+  integrations.push(serviceWorker());
+}
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://house-news.nozzy.online",
-  integrations: [mdx(), serviceWorker()],
+  integrations,
 });
diff --git a/src/content/blog/week1.mdx b/src/content/blog/week1.mdx
index 26804e1..136ef60 100644
--- a/src/content/blog/week1.mdx
+++ b/src/content/blog/week1.mdx
@@ -9,21 +9,14 @@ description: we camped in the house
 import Cards from "../../components/Cards.astro";
 import Solocard from "../../components/Solocard.astro";
 import NextPrev from "../../components/NextPrev.astro";
+import YTVideo from "../../components/YTVideo.astro";
 export const s = (s) => `week1/${s}`;
 
 ## Initial Tour
 
 Check out [the tour](https://youtu.be/5KsANTX4k4s) if you missed it!
 
-<div class="videoWrapper">
-  <iframe
-    src="https://www.youtube.com/embed/5KsANTX4k4s"
-    title="YouTube video player"
-    frameborder="0"
-    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-    allowfullscreen
-  ></iframe>
-</div>
+<YTVideo src="5KsANTX4k4s" />
 
 ## What a week!