diff --git a/package.json b/package.json
index a7fe4fa..7097393 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
-    "preview": "astro preview",
+    "preview": "wrangler pages dev ./dist",
     "astro": "astro"
   },
   "dependencies": {
@@ -24,6 +24,7 @@
     "prettier": "3.0.3",
     "prettier-plugin-astro": "^0.12.3",
     "prettier-plugin-svelte": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.5.14"
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "wrangler": "^3.99.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index caeb928..d7581ac 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -48,6 +48,9 @@ importers:
       prettier-plugin-tailwindcss:
         specifier: ^0.5.14
         version: 0.5.14(prettier-plugin-astro@0.12.3)(prettier-plugin-svelte@3.3.2(prettier@3.0.3)(svelte@5.15.0))(prettier@3.0.3)
+      wrangler:
+        specifier: ^3.99.0
+        version: 3.99.0(@cloudflare/workers-types@4.20241218.0)
 
 packages:
 
diff --git a/wrangler.toml b/wrangler.toml
index 1b7aa8c..a498ead 100644
--- a/wrangler.toml
+++ b/wrangler.toml
@@ -1,6 +1,6 @@
 name = "astro-personal-website"
 pages_build_output_dir = "dist"
-compatibility_date = "2023-10-15"
+compatibility_date = "2024-12-23"
 compatibility_flags = ["nodejs_compat"]
 
 [[kv_namespaces]]