diff --git a/drizzle.config.ts b/drizzle.config.ts
deleted file mode 100644
index dd648ef..0000000
--- a/drizzle.config.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// import { type Config } from "drizzle-kit"
-
-// import { env } from "@/env.mjs"
-
-// export default {
-//     schema: "./src/server/db/schema.ts",
-//     driver: "mysql2",
-//     dbCredentials: {
-//         uri: env.DATABASE_URL,
-//     },
-//     tablesFilter: ["shreyans.sh_*"],
-// } satisfies Config
diff --git a/next.config.mjs b/next.config.mjs
index ae0e3f8..139fa1f 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -5,15 +5,13 @@ import { withContentlayer } from "next-contentlayer"
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
  * for Docker builds.
  */
-await import("./src/env.mjs")
+const { env } = await import("./src/env.mjs")
 
 /** @type {import("next").NextConfig} */
 const config = {
     compiler: {
         removeConsole:
-            process.env.NODE_ENV === "production"
-                ? { exclude: ["error"] }
-                : false,
+            env.NODE_ENV === "production" ? { exclude: ["error"] } : false,
     },
     experimental: {
         ppr: true,
diff --git a/package.json b/package.json
index 34823e0..916b977 100644
--- a/package.json
+++ b/package.json
@@ -1,79 +1,67 @@
 {
-  "name": "shreyans.sh",
-  "version": "2.0.0",
-  "private": true,
-  "scripts": {
-    "build": "next build",
-    "db:push": "dotenv drizzle-kit push:mysql",
-    "db:studio": "dotenv drizzle-kit studio",
-    "dev": "next dev",
-    "lint": "next lint",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
-    "@js-temporal/polyfill": "^0.4.4",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@sentry/nextjs": "^7.85.0",
-    "@t3-oss/env-nextjs": "^0.7.1",
-    "@tanstack/react-query": "^5.12.2",
-    "@trpc/client": "^10.44.1",
-    "@trpc/next": "^10.44.1",
-    "@trpc/react-query": "^10.44.1",
-    "@trpc/server": "^10.44.1",
-    "@types/luxon": "^3.3.7",
-    "@unpic/react": "^0.1.4",
-    "@vercel/analytics": "^1.1.1",
-    "@vercel/kv": "^1.0.1",
-    "class-variance-authority": "^0.7.0",
-    "drizzle-orm": "^0.29.1",
-    "eslint-plugin-perfectionist": "^2.5.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-tailwindcss": "^3.13.0",
-    "geist": "^1.2.0",
-    "html-react-parser": "^5.0.7",
-    "lucide-react": "^0.294.0",
-    "luxon": "^3.4.4",
-    "next": "canary",
-    "next-contentlayer": "^0.3.4",
-    "next-themes": "^0.2.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-spring": "^9.7.3",
-    "rehype-slug": "^6.0.0",
-    "remark-gfm": "^4.0.0",
-    "remark-hint": "^1.0.10",
-    "shiki": "^0.14.5",
-    "superjson": "^2.2.1",
-    "tailwind-merge": "^2.1.0",
-    "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.22.4"
-  },
-  "devDependencies": {
-    "@types/eslint": "^8.44.8",
-    "@types/node": "^20.10.4",
-    "@types/react": "^18.2.42",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.13.2",
-    "@typescript-eslint/parser": "^6.13.2",
-    "autoprefixer": "^10.4.16",
-    "dotenv-cli": "^7.3.0",
-    "drizzle-kit": "^0.20.6",
-    "eslint": "^8.55.0",
-    "eslint-config-next": "^14.0.3",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.0",
-    "tailwindcss": "insiders",
-    "typescript": "^5.3.3"
-  },
-  "nextBundleAnalysis": {
-    "budget": null,
-    "budgetPercentIncreaseRed": 20,
-    "minimumChangeThreshold": 0,
-    "showDetails": true
-  }
-}
\ No newline at end of file
+    "name": "shreyans.sh",
+    "version": "2.0.0",
+    "private": true,
+    "scripts": {
+        "build": "next build",
+        "db:push": "dotenv drizzle-kit push:mysql",
+        "db:studio": "dotenv drizzle-kit studio",
+        "dev": "next dev",
+        "lint": "next lint",
+        "start": "next start"
+    },
+    "dependencies": {
+        "@ianvs/prettier-plugin-sort-imports": "^4.1.1",
+        "@radix-ui/react-avatar": "^1.0.4",
+        "@radix-ui/react-icons": "^1.3.0",
+        "@radix-ui/react-separator": "^1.0.3",
+        "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-tooltip": "^1.0.7",
+        "@sentry/nextjs": "^7.85.0",
+        "@t3-oss/env-nextjs": "^0.7.1",
+        "@vercel/analytics": "^1.1.1",
+        "class-variance-authority": "^0.7.0",
+        "eslint-plugin-perfectionist": "^2.5.0",
+        "eslint-plugin-react": "^7.33.2",
+        "eslint-plugin-tailwindcss": "^3.13.0",
+        "geist": "^1.2.0",
+        "html-react-parser": "^5.0.7",
+        "lucide-react": "^0.294.0",
+        "next": "canary",
+        "next-contentlayer": "^0.3.4",
+        "next-themes": "^0.2.1",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-spring": "^9.7.3",
+        "rehype-slug": "^6.0.0",
+        "remark-gfm": "^4.0.0",
+        "remark-hint": "^1.0.10",
+        "shiki": "^0.14.5",
+        "tailwind-merge": "^2.1.0",
+        "tailwindcss-animate": "^1.0.7",
+        "zod": "^3.22.4"
+    },
+    "devDependencies": {
+        "@types/eslint": "^8.44.8",
+        "@types/node": "^20.10.4",
+        "@types/react": "^18.2.42",
+        "@types/react-dom": "^18.2.17",
+        "@typescript-eslint/eslint-plugin": "^6.13.2",
+        "@typescript-eslint/parser": "^6.13.2",
+        "autoprefixer": "^10.4.16",
+        "dotenv-cli": "^7.3.0",
+        "drizzle-kit": "^0.20.6",
+        "eslint": "^8.55.0",
+        "eslint-config-next": "^14.0.3",
+        "postcss": "^8.4.32",
+        "prettier": "^3.1.0",
+        "tailwindcss": "insiders",
+        "typescript": "^5.3.3"
+    },
+    "nextBundleAnalysis": {
+        "budget": null,
+        "budgetPercentIncreaseRed": 20,
+        "minimumChangeThreshold": 0,
+        "showDetails": true
+    }
+}
diff --git a/src/app/(pages)/blog/views.tsx b/src/app/(pages)/blog/views.tsx
index eb4ed35..54b7d71 100644
--- a/src/app/(pages)/blog/views.tsx
+++ b/src/app/(pages)/blog/views.tsx
@@ -1,5 +1,6 @@
 import { unstable_noStore } from "next/cache"
 
+import { env } from "@/env.mjs"
 import { cn } from "@/lib/utils"
 
 type SentryResponse = {
@@ -26,7 +27,7 @@ const getViews = async (slug: string) => {
     api.searchParams.set("query", `(transaction:/blog/${slug})`)
     const views = await fetch(api, {
         headers: {
-            Authorization: `Bearer ${process.env.SENTRY_TOKEN}`,
+            Authorization: `Bearer ${env.SENTRY_TOKEN}`,
         },
     })
 
diff --git a/src/app/(pages)/layout.tsx b/src/app/(pages)/layout.tsx
index 72aede5..bcd55f2 100644
--- a/src/app/(pages)/layout.tsx
+++ b/src/app/(pages)/layout.tsx
@@ -81,7 +81,6 @@ export default function RootLayout({
                 className="mx-auto flex h-fit min-h-screen max-w-xl flex-col items-center justify-between gap-2 px-4 text-base sm:max-w-[46rem]"
                 id="body"
             >
-                {/* <TRPCReactProvider headers={headers()}> */}
                 <ThemeProvider
                     attribute="class"
                     defaultTheme="system"
@@ -100,7 +99,6 @@ export default function RootLayout({
                     </div>
                     <Footer />
                 </ThemeProvider>
-                {/* </TRPCReactProvider> */}
                 <Analytics />
             </body>
         </html>
diff --git a/src/app/_api/trpc/[trpc]/route.ts b/src/app/_api/trpc/[trpc]/route.ts
deleted file mode 100644
index e8f9e38..0000000
--- a/src/app/_api/trpc/[trpc]/route.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-// import { type NextRequest } from "next/server"
-
-// import { fetchRequestHandler } from "@trpc/server/adapters/fetch"
-
-// import { env } from "@/env.mjs"
-// import { appRouter } from "@/server/api/root"
-// import { createTRPCContext } from "@/server/api/trpc"
-
-// const handler = (req: NextRequest) =>
-//     fetchRequestHandler({
-//         endpoint: "/api/trpc",
-//         req,
-//         router: appRouter,
-//         createContext: () => createTRPCContext({ req }),
-//         onError:
-//             env.NODE_ENV === "development"
-//                 ? ({ path, error }) => {
-//                       console.error(
-//                           `❌ tRPC failed on ${path ?? "<no-path>"}: ${
-//                               error.message
-//                           }`,
-//                       )
-//                   }
-//                 : undefined,
-//     })
-
-// export { handler as GET, handler as POST }
diff --git a/src/env.mjs b/src/env.mjs
index 69de8d9..95985ad 100644
--- a/src/env.mjs
+++ b/src/env.mjs
@@ -7,7 +7,9 @@ export const env = createEnv({
      * isn't built with invalid env vars. To expose them to the client, prefix them with
      * `NEXT_PUBLIC_`.
      */
-    client: {},
+    client: {
+        NEXT_PUBLIC_SENTRY_DSN: z.string(),
+    },
 
     /**
      * Makes it so that empty strings are treated as undefined.
@@ -20,24 +22,22 @@ export const env = createEnv({
      * middlewares) or client-side so we need to destruct manually.
      */
     runtimeEnv: {
-        // DATABASE_URL: process.env.DATABASE_URL,
+        NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN,
+
         NODE_ENV: process.env.NODE_ENV,
+
+        SENTRY_TOKEN: process.env.SENTRY_TOKEN,
     },
     /**
      * Specify your server-side environment variables schema here. This way you can ensure the app
      * isn't built with invalid env vars.
      */
     server: {
-        // DATABASE_URL: z
-        //     .string()
-        //     .url()
-        //     .refine(
-        //         (str) => !str.includes("YOUR_MYSQL_URL_HERE"),
-        //         "You forgot to change the default URL",
-        //     ),
         NODE_ENV: z
             .enum(["development", "test", "production"])
             .default("development"),
+
+        SENTRY_TOKEN: z.string(),
     },
     /**
      * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
diff --git a/src/lib/utils/react.tsx b/src/lib/utils/react.tsx
index fc24b91..5e9e705 100644
--- a/src/lib/utils/react.tsx
+++ b/src/lib/utils/react.tsx
@@ -8,6 +8,8 @@ import React from "react"
 
 import { animated, useSpring } from "react-spring"
 
+import { env } from "@/env.mjs"
+
 import { random } from "."
 
 const useHasMounted = () => {
@@ -260,7 +262,7 @@ const VisuallyHidden = ({
     }
     const [forceShow, setForceShow] = React.useState(false)
     React.useEffect(() => {
-        if (process.env.NODE_ENV !== "production") {
+        if (env.NODE_ENV !== "production") {
             const handleKeyDown = (ev: KeyboardEvent) => {
                 if (ev.key === "Alt") {
                     setForceShow(true)
diff --git a/src/server/api/root.ts b/src/server/api/root.ts
deleted file mode 100644
index 1b3af51..0000000
--- a/src/server/api/root.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// import { postRouter } from "@/server/api/routers/post"
-// import { createTRPCRouter } from "@/server/api/trpc"
-
-// /**
-//  * This is the primary router for your server.
-//  *
-//  * All routers added in /api/routers should be manually added here.
-//  */
-// export const appRouter = createTRPCRouter({
-//     post: postRouter,
-// })
-
-// // export type definition of API
-// export type AppRouter = typeof appRouter
diff --git a/src/server/api/routers/post.ts b/src/server/api/routers/post.ts
deleted file mode 100644
index 8484dea..0000000
--- a/src/server/api/routers/post.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-// import { z } from "zod"
-
-// import { createTRPCRouter, publicProcedure } from "@/server/api/trpc"
-// import { posts } from "@/server/db/schema"
-
-// export const postRouter = createTRPCRouter({
-//     hello: publicProcedure
-//         .input(z.object({ text: z.string() }))
-//         .query(({ input }) => {
-//             return {
-//                 greeting: `Hello ${input.text}`,
-//             }
-//         }),
-
-//     create: publicProcedure
-//         .input(z.object({ name: z.string().min(1) }))
-//         .mutation(async ({ ctx, input }) => {
-//             // simulate a slow db call
-//             await new Promise((resolve) => setTimeout(resolve, 1000))
-
-//             await ctx.db.insert(posts).values({
-//                 name: input.name,
-//             })
-//         }),
-
-//     getLatest: publicProcedure.query(({ ctx }) => {
-//         return ctx.db.query.posts.findFirst({
-//             orderBy: (posts, { desc }) => [desc(posts.createdAt)],
-//         })
-//     }),
-// })
diff --git a/src/server/api/trpc.ts b/src/server/api/trpc.ts
deleted file mode 100644
index 7878c31..0000000
--- a/src/server/api/trpc.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-// /**
-//  * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:
-//  * 1. You want to modify request context (see Part 1).
-//  * 2. You want to create a new middleware or type of procedure (see Part 3).
-//  *
-//  * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will need to use are documented accordingly near the end.
-//  */
-
-// import { type NextRequest } from "next/server"
-
-// import { initTRPC } from "@trpc/server"
-// import superjson from "superjson"
-// import { ZodError } from "zod"
-
-// import { db } from "@/server/db"
-
-// /**
-//  * 1. CONTEXT
-//  *
-//  * This section defines the "contexts" that are available in the backend API.
-//  *
-//  * These allow you to access things when processing a request, like the database, the session, etc.
-//  */
-
-// interface CreateContextOptions {
-//     headers: Headers
-// }
-
-// /**
-//  * This helper generates the "internals" for a tRPC context. If you need to use it, you can export
-//  * it from here.
-//  *
-//  * Examples of things you may need it for:
-//  * - testing, so we don't have to mock Next.js' req/res
-//  * - tRPC's `createSSGHelpers`, where we don't have req/res
-//  *
-//  * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts
-//  */
-// export const createInnerTRPCContext = (opts: CreateContextOptions) => {
-//     return {
-//         headers: opts.headers,
-//         db,
-//     }
-// }
-
-// /**
-//  * This is the actual context you will use in your router. It will be used to process every request
-//  * that goes through your tRPC endpoint.
-//  *
-//  * @see https://trpc.io/docs/context
-//  */
-// export const createTRPCContext = (opts: { req: NextRequest }) => {
-//     // Fetch stuff that depends on the request
-
-//     return createInnerTRPCContext({
-//         headers: opts.req.headers,
-//     })
-// }
-
-// /**
-//  * 2. INITIALIZATION
-//  *
-//  * This is where the tRPC API is initialized, connecting the context and transformer. We also parse
-//  * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation
-//  * errors on the backend.
-//  */
-
-// const t = initTRPC.context<typeof createTRPCContext>().create({
-//     transformer: superjson,
-//     errorFormatter({ shape, error }) {
-//         return {
-//             ...shape,
-//             data: {
-//                 ...shape.data,
-//                 zodError:
-//                     error.cause instanceof ZodError
-//                         ? error.cause.flatten()
-//                         : null,
-//             },
-//         }
-//     },
-// })
-
-// /**
-//  * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)
-//  *
-//  * These are the pieces you use to build your tRPC API. You should import these a lot in the
-//  * "/src/server/api/routers" directory.
-//  */
-
-// /**
-//  * This is how you create new routers and sub-routers in your tRPC API.
-//  *
-//  * @see https://trpc.io/docs/router
-//  */
-// export const createTRPCRouter = t.router
-
-// /**
-//  * Public (unauthenticated) procedure
-//  *
-//  * This is the base piece you use to build new queries and mutations on your tRPC API. It does not
-//  * guarantee that a user querying is authorized, but you can still access user session data if they
-//  * are logged in.
-//  */
-// export const publicProcedure = t.procedure
diff --git a/src/server/db/index.ts b/src/server/db/index.ts
deleted file mode 100644
index 5d43a75..0000000
--- a/src/server/db/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// import { Client } from "@planetscale/database"
-// import { drizzle } from "drizzle-orm/planetscale-serverless"
-
-// import { env } from "@/env.mjs"
-
-// import * as schema from "./schema"
-
-// export const db = drizzle(
-//     new Client({
-//         url: env.DATABASE_URL,
-//     }).connection(),
-//     { schema },
-// )
diff --git a/src/server/db/schema.ts b/src/server/db/schema.ts
deleted file mode 100644
index 98ee814..0000000
--- a/src/server/db/schema.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-// // Example model schema from the Drizzle docs
-// // https://orm.drizzle.team/docs/sql-schema-declaration
-
-// import { sql } from "drizzle-orm"
-// import {
-//     bigint,
-//     index,
-//     mysqlTableCreator,
-//     timestamp,
-//     varchar,
-// } from "drizzle-orm/mysql-core"
-
-// /**
-//  * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same
-//  * database instance for multiple projects.
-//  *
-//  * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
-//  */
-// export const mysqlTable = mysqlTableCreator((name) => `shreyans.sh_${name}`)
-
-// export const posts = mysqlTable(
-//     "post",
-//     {
-//         id: bigint("id", { mode: "number" }).primaryKey().autoincrement(),
-//         name: varchar("name", { length: 256 }),
-//         createdAt: timestamp("created_at")
-//             .default(sql`CURRENT_TIMESTAMP`)
-//             .notNull(),
-//         updatedAt: timestamp("updatedAt").onUpdateNow(),
-//     },
-//     (example) => ({
-//         nameIndex: index("name_idx").on(example.name),
-//     }),
-// )
diff --git a/src/trpc/react.tsx b/src/trpc/react.tsx
deleted file mode 100644
index ceecb55..0000000
--- a/src/trpc/react.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-// "use client"
-
-// import { useState } from "react"
-
-// import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
-// import { loggerLink, unstable_httpBatchStreamLink } from "@trpc/client"
-// import { createTRPCReact } from "@trpc/react-query"
-
-// import { type AppRouter } from "@/server/api/root"
-
-// import { getUrl, transformer } from "./shared"
-
-// export const api = createTRPCReact<AppRouter>()
-
-// export function TRPCReactProvider(props: {
-//     children: React.ReactNode
-//     headers: Headers
-// }) {
-//     const [queryClient] = useState(() => new QueryClient())
-
-//     const [trpcClient] = useState(() =>
-//         api.createClient({
-//             transformer,
-//             links: [
-//                 loggerLink({
-//                     enabled: (op) =>
-//                         process.env.NODE_ENV === "development" ||
-//                         (op.direction === "down" && op.result instanceof Error),
-//                 }),
-//                 unstable_httpBatchStreamLink({
-//                     url: getUrl(),
-//                     headers() {
-//                         const heads = new Map(props.headers)
-//                         heads.set("x-trpc-source", "react")
-//                         return Object.fromEntries(heads)
-//                     },
-//                 }),
-//             ],
-//         }),
-//     )
-
-//     return (
-//         <QueryClientProvider client={queryClient}>
-//             <api.Provider client={trpcClient} queryClient={queryClient}>
-//                 {props.children}
-//             </api.Provider>
-//         </QueryClientProvider>
-//     )
-// }
diff --git a/src/trpc/server.ts b/src/trpc/server.ts
deleted file mode 100644
index 9f43414..0000000
--- a/src/trpc/server.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// import { headers } from "next/headers"
-
-// import {
-//     createTRPCProxyClient,
-//     loggerLink,
-//     unstable_httpBatchStreamLink,
-// } from "@trpc/client"
-
-// import { type AppRouter } from "@/server/api/root"
-
-// import { getUrl, transformer } from "./shared"
-
-// export const api = createTRPCProxyClient<AppRouter>({
-//     transformer,
-//     links: [
-//         loggerLink({
-//             enabled: (op) =>
-//                 process.env.NODE_ENV === "development" ||
-//                 (op.direction === "down" && op.result instanceof Error),
-//         }),
-//         unstable_httpBatchStreamLink({
-//             url: getUrl(),
-//             headers() {
-//                 const heads = new Map(headers())
-//                 heads.set("x-trpc-source", "rsc")
-//                 return Object.fromEntries(heads)
-//             },
-//         }),
-//     ],
-// })
diff --git a/src/trpc/shared.ts b/src/trpc/shared.ts
deleted file mode 100644
index 348f244..0000000
--- a/src/trpc/shared.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// import { type inferRouterInputs, type inferRouterOutputs } from "@trpc/server"
-// import superjson from "superjson"
-
-// import { type AppRouter } from "@/server/api/root"
-
-// export const transformer = superjson
-
-// function getBaseUrl() {
-//     if (typeof window !== "undefined") return ""
-//     if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`
-//     return `http://localhost:${process.env.PORT ?? 3000}`
-// }
-
-// export function getUrl() {
-//     return getBaseUrl() + "/api/trpc"
-// }
-
-// /**
-//  * Inference helper for inputs.
-//  *
-//  * @example type HelloInput = RouterInputs['example']['hello']
-//  */
-// export type RouterInputs = inferRouterInputs<AppRouter>
-
-// /**
-//  * Inference helper for outputs.
-//  *
-//  * @example type HelloOutput = RouterOutputs['example']['hello']
-//  */
-// export type RouterOutputs = inferRouterOutputs<AppRouter>