diff --git a/src/components/ContactButton.jsx b/src/components/ContactButton.jsx
index 0ae66cb..ce2fc59 100644
--- a/src/components/ContactButton.jsx
+++ b/src/components/ContactButton.jsx
@@ -1,4 +1,4 @@
-"use client"
+export const prerender = true;
 
 import * as React from "react"
 
diff --git a/src/components/ShowcaseTabs.jsx b/src/components/ShowcaseTabs.jsx
index 3585dae..137e388 100644
--- a/src/components/ShowcaseTabs.jsx
+++ b/src/components/ShowcaseTabs.jsx
@@ -13,6 +13,7 @@ import {
   TabsTrigger,
 } from "../components/ui/tabs";
 
+export const prerender = true;
 
 export function ShowcaseTabs({ currentLocale }) {
   const t = useTranslations(currentLocale);
diff --git a/src/components/ThemeSelector.jsx b/src/components/ThemeSelector.jsx
index f442f93..f2471a4 100644
--- a/src/components/ThemeSelector.jsx
+++ b/src/components/ThemeSelector.jsx
@@ -1,5 +1,3 @@
-
-
 import * as React from "react"
 
 import { icons } from "../lib/icons"
@@ -19,6 +17,7 @@ import {
     TooltipTrigger,
   } from "./ui/tooltip"
 
+  export const prerender = true;
 
 // Please note that clang = lang, it's just for more confusion
 export function ThemeSelector({ tooltip }) {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6f4ec2f..22a65d0 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
 ---
-export const prerender = false;
+export const prerender = true;
 
 import type { GetStaticPaths } from "astro";
 import MainLayout from "../layouts/MainLayout.astro";