diff --git a/README.md b/README.md
index 63c960e..74cd6ce 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,8 @@ Well besides gemini introductions you can find a simple astro site that interfac
 ## Setup
 1. Fork this repo and deploy it to netlify
 2. create a new Astro DB project at [studio.astro.build](https://studio.astro.build/) and generate a new app token to be added to the netlify env below
-3. create a new slack app with the app manifest listed below; make sure to change the name of the app and to install it into your workspace:
+3. Enable Web Vitals in the new Astro DB you just created.
+4. create a new slack app with the app manifest listed below; make sure to change the name of the app and to install it into your workspace:
 ```yaml
 display_information:
   name: Catapult Mailer - {name} Instance # can be whatever this is just what I use
@@ -36,7 +37,7 @@ settings:
   socket_mode_enabled: false
   token_rotation_enabled: false
 ```
-4. setup the ENV in netlify:
+5. setup the ENV in netlify:
 ```s
 ARCJET_KEY=ajkey_xxxxxxxxxxxxxxxxxxxxxxxxxx {you can get this from https://arcjet.com/}
 ASTRO_STUDIO_APP_TOKEN=d478xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx:gbaixxxxxxxxxxxxxxxxxxxxxxxx:gbaixxxxxxxxxxxxxxxxxxxxxxxx {you can get this from your astro db project}
diff --git a/astro.config.mjs b/astro.config.mjs
index 27c8c06..bc5e06b 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -2,12 +2,13 @@ import { defineConfig } from "astro/config";
 import netlify from "@astrojs/netlify";
 import tailwind from "@astrojs/tailwind";
 import playformCompress from "@playform/compress";
-
 import db from "@astrojs/db";
 
+import webVitals from "@astrojs/web-vitals";
+
 // https://astro.build/config
 export default defineConfig({
-	output: "server",
-	adapter: netlify(),
-	integrations: [tailwind(), playformCompress(), db()],
-});
+  output: "server",
+  adapter: netlify(),
+  integrations: [tailwind(), playformCompress(), db(), webVitals()]
+});
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
index 5d5f5ae..f7f3e93 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 3173cfe..830d577 100644
--- a/package.json
+++ b/package.json
@@ -1,31 +1,32 @@
 {
-	"name": "catapult-mailer",
-	"type": "module",
-	"version": "0.0.1",
-	"scripts": {
-		"dev": "astro dev",
-		"start": "astro dev",
-		"build": "astro check && astro build --remote",
-		"preview": "astro preview",
-		"astro": "astro"
-	},
-	"dependencies": {
-		"@arcjet/node": "^1.0.0-alpha.12",
-		"@astrojs/check": "^0.5.10",
-		"@astrojs/db": "^0.11.0",
-		"@astrojs/netlify": "^5.2.0",
-		"@astrojs/tailwind": "^5.1.0",
-		"@playform/compress": "^0.0.3",
-		"@types/bun": "^1.1.1",
-		"@types/jwt-simple": "^0.5.36",
-		"astro": "^4.7.1",
-		"bun": "^1.1.7",
-		"jwt-simple": "^0.5.6",
-		"tailwindcss": "^3.4.3",
-		"typescript": "^5.4.5"
-	},
-	"devDependencies": {
-		"@catppuccin/tailwindcss": "^0.1.6",
-		"@tailwindcss/typography": "^0.5.13"
-	}
+  "name": "catapult-mailer",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build --remote",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@arcjet/node": "^1.0.0-alpha.12",
+    "@astrojs/check": "^0.5.10",
+    "@astrojs/db": "^0.11.4",
+    "@astrojs/netlify": "^5.2.0",
+    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/web-vitals": "^0.2.0",
+    "@playform/compress": "^0.0.3",
+    "@types/bun": "^1.1.1",
+    "@types/jwt-simple": "^0.5.36",
+    "astro": "^4.7.1",
+    "bun": "^1.1.7",
+    "jwt-simple": "^0.5.6",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5"
+  },
+  "devDependencies": {
+    "@catppuccin/tailwindcss": "^0.1.6",
+    "@tailwindcss/typography": "^0.5.13"
+  }
 }