diff --git a/sveltekit/src/routes/+page.server.ts b/sveltekit/src/routes/+page.server.ts
new file mode 100644
index 0000000..189f71e
--- /dev/null
+++ b/sveltekit/src/routes/+page.server.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/sveltekit/src/routes/+page.svelte b/sveltekit/src/routes/+page.svelte
index f76aff1..cb23e09 100644
--- a/sveltekit/src/routes/+page.svelte
+++ b/sveltekit/src/routes/+page.svelte
@@ -4,17 +4,23 @@
     import svg from '$lib/assets/codefallacy/youtube.svg';
 </script>
 
+<svelte:head>
+    <title>CodeFallacy</title>
+    <meta name="description" content="The companion website to the tech tutorial Youtube Channel CodeFallacy, which includes written guides that go along with the videos" />
+    <meta name="keywords" content="homelab, self-host, proxmox, docker, lxc, vm, linux, debian, ubuntu, arch, omarchy, fedora, red hat, raspberry pi, pihole, home assistant, immich, jellyfin" /> 
+</svelte:head>
+
 <div class="flex flex-col h-[100vh] w-[100vw] items-center justify-center bg-indigo-900 text-yellow-100">
     <div class=" bg-blue-950 rounded-full mb-4 drop-shadow-2xl">
         <img src={codefallacy} alt="codefallacy" width="250" height="250"/>
     </div>
-    <div class="text-2xl flex flex-col items-center justify-center mt-5">
+    <div class="text-2xl flex flex-col items-center justify-center mt-5 px-6 max-sm:text-xl">
         <p>Hello, currently this site is under construction!</p>
         <p>In the meantime, Check my Youtube Channel.</p>
     </div>
 
-    <div class="w-full flex justify-center mt-15">
-        <div class="mr-5">
+    <div class="w-full flex justify-center mt-15 max-sm:flex-col">
+        <div class="sm:mr-5 max-sm:mb-5">
             <a href="https://www.youtube.com/@codefallacy">
                 <img src={svg}
                     alt="codefallacy youtube channel"
diff --git a/sveltekit/svelte.config.js b/sveltekit/svelte.config.js
index ad0e153..c898311 100644
--- a/sveltekit/svelte.config.js
+++ b/sveltekit/svelte.config.js
@@ -7,7 +7,28 @@ const config = {
 	// Consult https://svelte.dev/docs/kit/integrations
 	// for more information about preprocessors
 	preprocess: [vitePreprocess(), mdsvex()],
-	kit: { adapter: adapter() },
+	kit: { 
+		adapter: adapter(),
+		prerender: {
+			handleHttpError: 'warn'
+		},
+		csp: {
+			mode: 'auto',
+			directives: {
+				'default-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'frame-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'connect-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'script-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'script-src-elem': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'style-src': [ "'self'", "'unsafe-inline'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'img-src': [ "'self'", "data:", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				'font-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				"base-uri": [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				"form-action": [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
+				"object-src": ["'self'", "https://codefallacy.com", "https://www.codefallacy.com" ]
+			}
+		}
+	},
 	extensions: ['.svelte', '.svx']
 };