diff --git a/.env.example b/.env.example
index 94533a182c849..2075bd01721f4 100644
--- a/.env.example
+++ b/.env.example
@@ -5,7 +5,3 @@
 
 NEXT_PUBLIC_ALGOLIA_APP_ID=OOK48W9UCL
 NEXT_PUBLIC_ALGOLIA_SEARCH_KEY=ca98597f559459c216891b75989832f8
-
-DATABASE_URL=postgresql://postgres:postgres@localhost:5432/changelog
-NEXTAUTH_URL=http://localhost:3000
-NEXTAUTH_SECRET=secret
diff --git a/.github/workflows/algolia-index.yml b/.github/workflows/algolia-index.yml
index 37bfa5ea348e0..ebe5c52cabff2 100644
--- a/.github/workflows/algolia-index.yml
+++ b/.github/workflows/algolia-index.yml
@@ -33,10 +33,6 @@ jobs:
       - run: yarn install --frozen-lockfile
         if: steps.cache.outputs.cache-hit != 'true'
 
-      # Remove the changelog directory to avoid a build error due to missing `DATABASE_URL`
-      # and save some build time.
-      - run: rm -r app/changelog
-
       # bun seems to be the most straightforward way to run a TypeScript script
       # without introducing another dependency like ts-node or tsx for everyone else
 
diff --git a/.github/workflows/lint-404s.yml b/.github/workflows/lint-404s.yml
index f0383875b5281..35e20ea42f448 100644
--- a/.github/workflows/lint-404s.yml
+++ b/.github/workflows/lint-404s.yml
@@ -35,10 +35,6 @@ jobs:
       - run: yarn install --frozen-lockfile
         if: steps.cache.outputs.cache-hit != 'true'
 
-      # Remove the changelog directory to avoid a build error due to missing `DATABASE_URL`
-      # and save some build time.
-      - run: rm -r app/changelog
-
       - run: yarn build
         if: steps.filter.outputs.docs == 'true'
 
diff --git a/app/changelog/%5Fadmin/[id]/edit/page.tsx b/app/changelog/%5Fadmin/[id]/edit/page.tsx
deleted file mode 100644
index 4eaec1fa5e0a0..0000000000000
--- a/app/changelog/%5Fadmin/[id]/edit/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import {Fragment, Suspense} from 'react';
-import Link from 'next/link';
-
-import {editChangelog} from 'sentry-docs/actions/changelog';
-import {FileUpload} from 'sentry-docs/components/changelog/fileUpload';
-import {ForwardRefEditor} from 'sentry-docs/components/changelog/forwardRefEditor';
-import {TitleSlug} from 'sentry-docs/components/changelog/titleSlug';
-import {Button} from 'sentry-docs/components/changelog/ui/Button';
-import {Select} from 'sentry-docs/components/changelog/ui/Select';
-import prisma from 'sentry-docs/prisma';
-
-export default async function ChangelogCreatePage({params}) {
-  const categories = await prisma.category.findMany({
-    orderBy: {
-      name: 'asc',
-    },
-  });
-  const changelog = await prisma.changelog.findUnique({
-    where: {id: params.id},
-    include: {
-      author: true,
-      categories: true,
-    },
-  });
-
-  if (!changelog) {
-    return (
-      <Fragment>
-        <header>
-          <h2>Changelog not found</h2>
-        </header>
-        <footer>
-          <Link href="/changelogs">Return to Changelogs list</Link>
-        </footer>
-      </Fragment>
-    );
-  }
-
-  return (
-    <section className="overflow-x-auto col-start-3 col-span-8">
-      <form action={editChangelog} className="px-2 w-full">
-        <input type="hidden" name="id" value={changelog.id} />
-        <TitleSlug defaultSlug={changelog.slug} defaultTitle={changelog.title} />
-        <FileUpload defaultFile={changelog.image || ''} />
-        <div className="my-6">
-          <label htmlFor="summary" className="block text-xs font-medium text-gray-700">
-            Summary
-            <Fragment>
-              &nbsp;<span className="font-bold text-secondary">*</span>
-            </Fragment>
-          </label>
-          <textarea name="summary" className="w-full" required>
-            {changelog.summary}
-          </textarea>
-          <span className="text-xs text-gray-500 italic">
-            This will be shown in the list
-          </span>
-        </div>
-        <div>
-          <Select
-            name="categories"
-            className="mt-1 mb-6"
-            label="Category"
-            placeholder="Select Category"
-            defaultValue={changelog.categories.map(category => ({
-              label: category.name,
-              value: category.name,
-            }))}
-            options={categories.map(category => ({
-              label: category.name,
-              value: category.name,
-            }))}
-            isMulti
-          />
-        </div>
-
-        <Suspense fallback={null}>
-          <ForwardRefEditor
-            name="content"
-            defaultValue={changelog.content || ''}
-            className="w-full"
-          />
-        </Suspense>
-
-        <footer className="flex items-center justify-between mt-2 mb-8">
-          <Link href="/changelog/_admin" className="underline text-gray-500">
-            Return to Changelogs list
-          </Link>
-          <div>
-            <Button type="submit">Update</Button>
-          </div>
-        </footer>
-      </form>
-    </section>
-  );
-}
diff --git a/app/changelog/%5Fadmin/confirm.tsx b/app/changelog/%5Fadmin/confirm.tsx
deleted file mode 100644
index 7cbde33b14758..0000000000000
--- a/app/changelog/%5Fadmin/confirm.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-'use client';
-
-export default function Confirm({changelog, action, children}) {
-  return (
-    <form
-      action={action}
-      className="inline-block"
-      onSubmit={e => {
-        e.preventDefault();
-        // eslint-disable-next-line no-alert
-        if (confirm('Are you sure?')) {
-          action(new FormData(e.currentTarget));
-        }
-      }}
-    >
-      <input type="hidden" name="id" value={changelog.id} />
-      <button
-        type="submit"
-        className="text-indigo-600 hover:bg-indigo-100 rounded-md px-1 py-2 text-xs whitespace-nowrap"
-      >
-        {children}
-      </button>
-    </form>
-  );
-}
diff --git a/app/changelog/%5Fadmin/create/page.tsx b/app/changelog/%5Fadmin/create/page.tsx
deleted file mode 100644
index fc0f211dc9756..0000000000000
--- a/app/changelog/%5Fadmin/create/page.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import {Fragment} from 'react';
-import Link from 'next/link';
-
-import {createChangelog} from 'sentry-docs/actions/changelog';
-import {FileUpload} from 'sentry-docs/components/changelog/fileUpload';
-import {ForwardRefEditor} from 'sentry-docs/components/changelog/forwardRefEditor';
-import {TitleSlug} from 'sentry-docs/components/changelog/titleSlug';
-import {Button} from 'sentry-docs/components/changelog/ui/Button';
-import {Select} from 'sentry-docs/components/changelog/ui/Select';
-import prisma from 'sentry-docs/prisma';
-
-export default async function ChangelogCreatePage() {
-  const categories = await prisma.category.findMany({
-    orderBy: {
-      name: 'asc',
-    },
-  });
-
-  return (
-    <section className="overflow-x-auto col-start-3 col-span-8">
-      <form action={createChangelog} className="px-2 w-full">
-        <TitleSlug />
-        <FileUpload />
-        <div className="my-6">
-          <label htmlFor="summary" className="block text-xs font-medium text-gray-700">
-            Summary
-            <Fragment>
-              &nbsp;<span className="font-bold text-secondary">*</span>
-            </Fragment>
-          </label>
-          <textarea name="summary" className="w-full" required />
-          <span className="text-xs text-gray-500 italic">
-            This will be shown in the list
-          </span>
-        </div>
-        <div>
-          <Select
-            name="categories"
-            className="mt-1 mb-6"
-            label="Category"
-            placeholder="Select Category"
-            options={categories.map(category => ({
-              label: category.name,
-              value: category.name,
-            }))}
-            isMulti
-          />
-        </div>
-
-        <ForwardRefEditor name="content" className="w-full" />
-
-        <footer className="flex items-center justify-between mt-2">
-          <Link href="/changelog/_admin" className="underline text-gray-500">
-            Return to Changelogs list
-          </Link>
-          <div>
-            <Button type="submit">Create (not published yet)</Button>
-            <br />
-            <span className="text-xs text-gray-500 italic">You can publish it later</span>
-          </div>
-        </footer>
-      </form>
-    </section>
-  );
-}
diff --git a/app/changelog/%5Fadmin/layout.tsx b/app/changelog/%5Fadmin/layout.tsx
deleted file mode 100644
index d4a724d3fd824..0000000000000
--- a/app/changelog/%5Fadmin/layout.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import {type ReactNode, Suspense} from 'react';
-import {GET} from 'app/api/auth/[...nextauth]/route';
-import type {Metadata} from 'next';
-import {getServerSession} from 'next-auth/next';
-
-import LoginButton from 'sentry-docs/components/changelog/loginButton';
-import NextAuthSessionProvider from 'sentry-docs/components/nextAuthSessionProvider';
-
-export const metadata: Metadata = {
-  robots: 'noindex, nofollow',
-};
-
-export default async function Layout({children}: {children: ReactNode}) {
-  const session = await getServerSession(GET);
-  let content = (
-    <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto bg-gray-200 pt-16">
-      {children}
-      <div className="fixed top-3 right-4 z-50">
-        <Suspense fallback={null}>
-          <LoginButton />
-        </Suspense>
-      </div>
-    </div>
-  );
-  if (!session) {
-    content = (
-      <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto bg-gray-200 pt-16 flex items-center justify-center">
-        <LoginButton />
-      </div>
-    );
-  }
-  return <NextAuthSessionProvider>{content}</NextAuthSessionProvider>;
-}
diff --git a/app/changelog/%5Fadmin/loading.tsx b/app/changelog/%5Fadmin/loading.tsx
deleted file mode 100644
index b91d0cc4f9e32..0000000000000
--- a/app/changelog/%5Fadmin/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-export default function Loading() {
-  return (
-    <div className="fixed inset-0 flex items-center justify-center">
-      <h3 className="text-2xl text-primary font-semibold">
-        <div
-          className="mx-auto mb-8 h-16 w-16 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"
-          role="status"
-        />{' '}
-        Loading...
-      </h3>
-    </div>
-  );
-}
diff --git a/app/changelog/%5Fadmin/page.tsx b/app/changelog/%5Fadmin/page.tsx
deleted file mode 100644
index 96ac16259bd3a..0000000000000
--- a/app/changelog/%5Fadmin/page.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import {Fragment} from 'react';
-import {PlusIcon} from '@radix-ui/react-icons';
-import {Button, Text} from '@radix-ui/themes';
-import Link from 'next/link';
-
-import {
-  deleteChangelog,
-  publishChangelog,
-  unpublishChangelog,
-} from 'sentry-docs/actions/changelog';
-import prisma from 'sentry-docs/prisma';
-
-import Confirm from './confirm';
-
-export default async function ChangelogsListPage() {
-  const changelogs = await prisma.changelog.findMany({
-    include: {
-      categories: true,
-      author: true,
-    },
-    orderBy: {
-      createdAt: 'desc',
-    },
-  });
-
-  return (
-    <Fragment>
-      <header className="text-left pl-4 mb-4">
-        <Button>
-          <PlusIcon />
-          <Link href="/changelog/_admin/create">New Changelog</Link>
-        </Button>
-        <p>Post Guidelines</p>
-        <p>
-          <ul>
-            <li>
-              Be very matter of fact, direct, and simple. Avoid using words like "excited
-              to announce".
-            </li>
-            <li>Spell out the what, the why, and how to use it.</li>
-            <li>
-              Avoid exclamation points, adjectives, refernvces to competition, and
-              personal opinions.
-            </li>
-          </ul>
-        </p>
-      </header>
-
-      <table className="table-fixed w-11/12 mx-auto text-sm text-left text-gray-500">
-        <colgroup>
-          <col style={{width: '30%'}} />
-          <col style={{width: '30%'}} />
-          <col style={{width: '20%'}} />
-          <col style={{width: '20%'}} />
-        </colgroup>
-        <thead className="text-xs text-gray-700 uppercase bg-gray-50">
-          <tr>
-            <th className="whitespace-nowrap px-4 py-2">Title</th>
-            <th className="px-4 py-2 break-words">Categories</th>
-            <th className="whitespace-nowrap px-4 py-2">Published by</th>
-            <th className="px-4 py-2" />
-          </tr>
-        </thead>
-        <tbody className="divide-y divide-gray-200 bg-white border-b hover:bg-gray-50 dark:hover:bg-gray-600">
-          {changelogs.length === 0 && (
-            <tr>
-              <td
-                colSpan={4}
-                className="text-center font-medium text-gray-900 whitespace-nowrap"
-              >
-                No changelogs found
-              </td>
-            </tr>
-          )}
-
-          {changelogs.map(changelog => (
-            <tr key={changelog.id} className="bg-white border-b hover:bg-gray-50">
-              <td className="px-6 py-2 font-medium text-gray-900">{changelog.title}</td>
-
-              <td className="px-4 py-2 break-words">
-                {changelog.categories.map(category => (
-                  <div
-                    key={category.id}
-                    className="inline whitespace-nowrap p-2 uppercase shadow-sm no-underline rounded-full text-red text-xs mr-1 mb-4 bg-gray-100"
-                  >
-                    {category.name}
-                  </div>
-                ))}
-              </td>
-              <td className="px-4 py-2 text-center">
-                {changelog.published && (
-                  <span className="text-gray-500">
-                    <Text size="1">
-                      {' '}
-                      {new Date(changelog.publishedAt || '').toLocaleDateString(
-                        undefined,
-                        {month: 'long', day: 'numeric'}
-                      )}
-                    </Text>
-                    <br />
-                  </span>
-                )}
-                <Text size="1">{changelog.author?.name}</Text>
-              </td>
-
-              <td className="px-4 py-2">
-                <div className="flex h-full justify-end">
-                  <Link
-                    href={`/changelog/${changelog.slug}`}
-                    className="text-indigo-600 hover:bg-indigo-100 rounded-md px-1 py-2 text-xs whitespace-nowrap"
-                  >
-                    👀 Show
-                  </Link>
-                  <Link
-                    href={`/changelog/_admin/${changelog.id}/edit`}
-                    className="text-indigo-600 hover:bg-indigo-100 rounded-md px-1 py-2 text-xs whitespace-nowrap"
-                  >
-                    📝 Edit
-                  </Link>
-                  {changelog.published ? (
-                    <Confirm action={unpublishChangelog} changelog={changelog}>
-                      ⛔️ Unpublish?
-                    </Confirm>
-                  ) : (
-                    <Confirm action={publishChangelog} changelog={changelog}>
-                      ✅ Publish?
-                    </Confirm>
-                  )}
-                  <Confirm action={deleteChangelog} changelog={changelog}>
-                    💀 Delete?
-                  </Confirm>
-                </div>
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </Fragment>
-  );
-}
diff --git a/app/changelog/%5Fadmin/upload/route.tsx b/app/changelog/%5Fadmin/upload/route.tsx
deleted file mode 100644
index 2bf6a4eb8ddf2..0000000000000
--- a/app/changelog/%5Fadmin/upload/route.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import crypto from 'crypto';
-
-import {Storage} from '@google-cloud/storage';
-import {GET as sessionHandler} from 'app/api/auth/[...nextauth]/route';
-import {NextRequest} from 'next/server';
-import {getServerSession} from 'next-auth/next';
-
-const handler = async function handler(req: NextRequest) {
-  const session = await getServerSession(sessionHandler);
-
-  if (!session) {
-    return Response.json({error: 'Unauthorized'}, {status: 401});
-  }
-
-  const {method} = req;
-  const {searchParams} = new URL(req.url);
-  if (method !== 'GET') {
-    return Response.json({error: 'Method not allowed'}, {status: 405});
-  }
-  const file = searchParams.get('file');
-
-  const storage = new Storage({
-    projectId: process.env.GOOGLE_PROJECT_ID,
-    credentials: {
-      client_email: process.env.GOOGLE_CLIENT_EMAIL,
-      private_key: `${process.env.GOOGLE_PRIVATE_KEY}`.split(String.raw`\n`).join('\n'),
-    },
-  });
-  const bucket = storage.bucket(`${process.env.GOOGLE_BUCKET_NAME}`);
-  const randomFilename = `${crypto.randomBytes(5).toString('base64url')}-${file}`;
-  const gcsFile = bucket.file(randomFilename as string);
-
-  const options = {
-    expires: Date.now() + 5 * 60 * 1000, //  5 minutes,
-    fields: {'x-goog-meta-source': `${process.env.GOOGLE_PROJECT_ID}`},
-    destination: randomFilename,
-  };
-
-  const [response] = await gcsFile.generateSignedPostPolicyV4(options);
-
-  return Response.json({response, options});
-};
-
-export {handler as GET, handler as POST};
diff --git a/app/changelog/[slug]/loading.tsx b/app/changelog/[slug]/loading.tsx
deleted file mode 100644
index cd1d3e6b58ec9..0000000000000
--- a/app/changelog/[slug]/loading.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import Article from 'sentry-docs/components/changelog/article';
-
-export default function Loading() {
-  return (
-    <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200">
-      <div className="col-span-12 md:col-start-3 md:col-span-8">
-        <div className="max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8 mt-16">
-          <Article loading />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/app/changelog/[slug]/page.tsx b/app/changelog/[slug]/page.tsx
deleted file mode 100644
index 2266b4d847cc7..0000000000000
--- a/app/changelog/[slug]/page.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import {Fragment, Suspense} from 'react';
-import {type Changelog} from '@prisma/client';
-import {GET as sessionHandler} from 'app/api/auth/[...nextauth]/route';
-import type {Metadata, ResolvingMetadata} from 'next';
-import {unstable_cache} from 'next/cache';
-import Link from 'next/link';
-import {notFound} from 'next/navigation';
-import {getServerSession} from 'next-auth/next';
-import {MDXRemote} from 'next-mdx-remote/rsc';
-
-import Article from 'sentry-docs/components/changelog/article';
-import ArticleFooter from 'sentry-docs/components/changelog/articleFooter';
-import {mdxOptions} from 'sentry-docs/mdxOptions';
-import prisma from 'sentry-docs/prisma';
-
-export async function generateMetadata(
-  {params},
-  parent: ResolvingMetadata
-): Promise<Metadata> {
-  let changelog: Changelog | null = null;
-  try {
-    changelog = await getChangelog(params.slug);
-  } catch (e) {
-    return {title: (await parent).title};
-  }
-
-  return {
-    title: changelog?.title,
-    description: changelog?.summary,
-    alternates: {
-      canonical: `https://sentry.io/changelog/${params.slug}`,
-    },
-    openGraph: {
-      images: changelog?.image || (await parent).openGraph?.images,
-    },
-  };
-}
-
-const getChangelog = unstable_cache(
-  async slug => {
-    try {
-      return await prisma.changelog.findUnique({
-        where: {
-          slug,
-        },
-        include: {
-          categories: true,
-        },
-      });
-    } catch (e) {
-      return null;
-    }
-  },
-  ['changelog-detail'],
-  {tags: ['changelog-detail']}
-);
-
-export default async function ChangelogEntry({params}) {
-  const changelog = await getChangelog(params.slug);
-
-  if (!changelog) {
-    notFound();
-  }
-
-  // Don't show unpublished changelog entries
-  if (!changelog.published) {
-    const session = await getServerSession(sessionHandler);
-    if (!session) {
-      notFound();
-    }
-  }
-
-  return (
-    <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200">
-      <div className="col-span-12 md:col-start-3 md:col-span-8">
-        <div className="max-w-3xl mx-auto px-4 p-4 sm:px-6 lg:px-8">
-          <div className="flex justify-between items-center space-x-4 py-3">
-            <Link href="/changelog/">
-              <button
-                className="flex items-center gap-2 px-6 py-3 font-bold text-center text-primary uppercase align-middle transition-all rounded-lg select-none hover:bg-gray-900/10 active:bg-gray-900/20"
-                type="button"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  strokeWidth="2"
-                  stroke="currentColor"
-                  aria-hidden="true"
-                  className="w-4 h-4"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
-                  />
-                </svg>
-                Back
-              </button>
-            </Link>
-          </div>
-          <Article
-            title={changelog?.title}
-            image={changelog?.image}
-            date={changelog?.publishedAt}
-          >
-            <Suspense fallback={<Fragment>Loading...</Fragment>}>
-              <MDXRemote
-                source={changelog?.content || 'No content found.'}
-                options={{
-                  mdxOptions,
-                }}
-              />
-            </Suspense>
-          </Article>
-          <ArticleFooter />
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/app/changelog/error.tsx b/app/changelog/error.tsx
deleted file mode 100644
index 2f3453f4ccaf5..0000000000000
--- a/app/changelog/error.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client'; // Error components must be Client Components
-
-import {Fragment, useEffect} from 'react';
-import * as Sentry from '@sentry/nextjs';
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & {digest?: string};
-  reset: () => void;
-}) {
-  useEffect(() => {
-    Sentry.captureException(error);
-  }, [error]);
-
-  return (
-    <Fragment>
-      <div className="w-full mx-auto h-96 relative bg-darkPurple">
-        <div className="flex flex-col w-full h-64 lg:max-w-7xl mx-auto px-4 lg:px-8 pt-24 items-center">
-          <h1 className="justify-self-center text-white font-bold text-4xl text-center">
-            ಠ_ಠ Something went wrong!
-          </h1>
-          <a
-            className="text-gold font-bold text-xl cursor-pointer hover:underline"
-            onClick={
-              // Attempt to recover by trying to re-render the segment
-              () => reset()
-            }
-          >
-            Try again
-          </a>
-        </div>
-        <div className="hero-bottom-left-down-slope absolute bottom-0 w-full h-10 bg-gray-200" />
-      </div>
-      <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200" />
-    </Fragment>
-  );
-}
diff --git a/app/changelog/feed.xml/route.ts b/app/changelog/feed.xml/route.ts
deleted file mode 100644
index 7c6644c3b3820..0000000000000
--- a/app/changelog/feed.xml/route.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import {getChangelogs} from 'app/changelog/utils';
-import RSS from 'rss';
-
-export async function GET() {
-  const feed = new RSS({
-    title: 'Sentry Changelog',
-    description:
-      'Stay up to date on everything big and small, from product updates to SDK changes with the Sentry Changelog.',
-    feed_url: 'https://sentry.io/changelog/feed.xml',
-    site_url: 'https://sentry.io/changelog',
-    copyright: `Copyright ${new Date().getFullYear().toString()}, Sentry`,
-    language: 'en-US',
-    pubDate: new Date().toUTCString(),
-    ttl: 60,
-  });
-
-  const allChangelogs = await getChangelogs();
-
-  if (allChangelogs) {
-    allChangelogs.map(changelog => {
-      return feed.item({
-        title: changelog.title,
-        // @ts-expect-error TODO(lforst): This is broken for some reason
-        description: changelog.summary,
-        url: `https://sentry.io/changelog/${changelog.slug}`,
-        categories:
-          changelog.categories.map(category => {
-            return category.name;
-          }) || [],
-        // @ts-expect-error TODO(lforst): This is broken for some reason
-        date: changelog.publishedAt,
-      });
-    });
-  }
-
-  return new Response(feed.xml({indent: true}), {
-    headers: {
-      'Content-Type': 'application/xml; charset=utf-8',
-    },
-  });
-}
diff --git a/app/changelog/globals.css b/app/changelog/globals.css
deleted file mode 100644
index 8b137891791fe..0000000000000
--- a/app/changelog/globals.css
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/app/changelog/header.tsx b/app/changelog/header.tsx
deleted file mode 100644
index 20d5458dbc929..0000000000000
--- a/app/changelog/header.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-export default function Header({loading}) {
-  return (
-    <div className="w-full mx-auto h-96 relative bg-darkPurple">
-      <div className="relative w-full lg:max-w-7xl mx-auto px-4 lg:px-8 pt-8 grid grid-cols-12 items-center">
-        {/* this needs to be a plain <img> next/image doesn't work here because of redirects we do */}
-        {/* eslint-disable-next-line @next/next/no-img-element */}
-        <img
-          className={`justify-self-center col-span-10 hidden lg:block ${loading ? 'animate-fade-in-left' : ''}`}
-          src="https://docs.sentry.io/changelog/assets/hero.png"
-          alt="Sentry Changelog"
-          height={273}
-          width={450}
-        />
-        <div
-          className={`relative col-span-12 mt-32 lg:absolute lg:w-96 lg:right-1/4 lg:-bottom-2 ${loading ? 'animate-fade-in-right' : ''}`}
-        >
-          <h1 className="justify-self-center text-white font-bold text-4xl text-center lg:text-left mb-2">
-            Sentry Changelog
-          </h1>
-          <h2 className="justify-self-center text-gold text-1xl text-center lg:text-left">
-            Follow&nbsp;
-            <a
-              href="https://twitter.com/SentryChangelog"
-              target="_blank"
-              rel="noreferrer"
-              className="underline underline-offset-2"
-            >
-              @SentryChangelog
-            </a>
-            &nbsp;to stay up to date on everything from product updates to SDK changes.
-          </h2>
-        </div>
-      </div>
-      <div className="hero-bottom-left-down-slope absolute -bottom-0.5 w-full h-10 bg-gray-200 border-none" />
-    </div>
-  );
-}
diff --git a/app/changelog/layout.tsx b/app/changelog/layout.tsx
deleted file mode 100644
index 0e6a54877e81e..0000000000000
--- a/app/changelog/layout.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import 'prism-sentry/index.css';
-
-import {Fragment, ReactNode} from 'react';
-import type {Metadata} from 'next';
-import NextTopLoader from 'nextjs-toploader';
-
-import {Navbar} from 'sentry-docs/components/changelog/navbar';
-
-export const metadata: Metadata = {
-  title: {template: '%s | Sentry Changelog', default: 'Changelog'},
-  metadataBase: new URL('https://sentry.io/changelog/'),
-  openGraph: {
-    images: 'https://docs.sentry.io/changelog/assets/hero.png',
-  },
-};
-
-export default function ChangelogLayout({children}: {children: ReactNode}) {
-  return (
-    <Fragment>
-      <NextTopLoader color="#8d5494" />
-      <div id="changelogcontent" className="tw-app">
-        <Navbar />
-        <div className="bg-gray-100">{children}</div>
-        <div className="w-full mx-auto h-16 relative bg-darkPurple">
-          <div className="footer-top-right-down-slope absolute w-full -top-1 h-10 bg-gray-200" />
-        </div>
-      </div>
-    </Fragment>
-  );
-}
diff --git a/app/changelog/loading.tsx b/app/changelog/loading.tsx
deleted file mode 100644
index dc3fcc952a2b9..0000000000000
--- a/app/changelog/loading.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import {Fragment} from 'react';
-
-import Article from 'sentry-docs/components/changelog/article';
-
-import Header from './header';
-
-export default function Loading() {
-  return (
-    <Fragment>
-      <Header loading />
-      <div className="w-full mx-auto grid grid-cols-12 bg-gray-200">
-        <div className="hidden md:block md:col-span-2 pl-5 pt-10">
-          <h3 className="text-2xl text-primary font-semibold mb-2">Categories:</h3>
-          <div className="flex flex-wrap gap-1 py-1">
-            <div className="bg-gray-300 animate-pulse block rounded w-40 h-8" />
-            <div className="flex flex-wrap gap-1 py-1 mt-2">
-              <div className="bg-gray-300 animate-pulse block rounded w-12 h-6" />
-              <div className="bg-gray-300 animate-pulse block rounded w-20 h-6" />
-              <div className="bg-gray-300 animate-pulse block rounded w-12 h-6" />
-              <div className="bg-gray-300 animate-pulse block rounded w-20 h-6" />
-              <div className="bg-gray-300 animate-pulse block rounded w-16 h-6" />
-              <div className="bg-gray-300 animate-pulse block rounded w-12 h-6" />
-            </div>
-          </div>
-        </div>
-        <div className="col-span-12 md:col-span-8">
-          <div className="max-w-3xl mx-auto px-4 pb-4 sm:px-6 md:px-8 mt-28">
-            <Article loading />
-          </div>
-        </div>
-        <div className="hidden md:block md:col-span-2 pl-5 pt-10">
-          <h3 className="text-1xl text-primary font-semibold mb-2">Jump to:</h3>
-          <div className="bg-gray-300 animate-pulse block rounded w-40 h-6" />
-          <div className="bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2" />
-          <div className="bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2" />
-          <div className="bg-gray-300 animate-pulse block rounded w-32 h-6 mt-2" />
-        </div>
-      </div>
-    </Fragment>
-  );
-}
diff --git a/app/changelog/not-found.tsx b/app/changelog/not-found.tsx
deleted file mode 100644
index a37a5ce532e7b..0000000000000
--- a/app/changelog/not-found.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import {Fragment} from 'react';
-
-export default function NotFound() {
-  return (
-    <Fragment>
-      <div className="w-full mx-auto h-96 relative bg-darkPurple">
-        <div className="flex flex-col w-full h-64 lg:max-w-7xl mx-auto px-4 lg:px-8 pt-24 items-center">
-          <h1 className="justify-self-center text-white font-bold text-4xl text-center">
-            Not found!
-          </h1>
-          <a
-            className="text-gold font-bold text-xl cursor-pointer hover:underline"
-            href="/changelog/"
-          >
-            Go back home
-          </a>
-        </div>
-        <div className="hero-bottom-left-down-slope absolute bottom-0 w-full h-10 bg-gray-200" />
-      </div>
-      <div className="relative min-h-[calc(100vh-8rem)] w-full mx-auto grid grid-cols-12 bg-gray-200" />
-    </Fragment>
-  );
-}
diff --git a/app/changelog/page.tsx b/app/changelog/page.tsx
deleted file mode 100644
index 27d1f2ab573e5..0000000000000
--- a/app/changelog/page.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import {Fragment} from 'react';
-import type {Metadata} from 'next';
-import {serialize} from 'next-mdx-remote/serialize';
-
-import List from 'sentry-docs/components/changelog/list';
-
-import Header from './header';
-import {getChangelogs} from './utils';
-
-export const dynamic = 'force-dynamic';
-
-export default async function ChangelogList() {
-  const changelogs = await getChangelogs();
-
-  const changelogsWithMdxSummaries = await Promise.all(
-    changelogs.map(async changelog => {
-      const mdxSummary = await serialize(changelog.summary || '');
-      return {
-        ...changelog,
-        mdxSummary,
-      };
-    })
-  );
-
-  return (
-    <Fragment>
-      <Header loading={false} />
-      <List changelogs={changelogsWithMdxSummaries} />
-    </Fragment>
-  );
-}
-
-export function generateMetadata(): Metadata {
-  return {
-    description:
-      'Stay up to date on everything big and small, from product updates to SDK changes with the Sentry Changelog.',
-    alternates: {
-      canonical: `https://sentry.io/changelog/`,
-    },
-  };
-}
diff --git a/app/changelog/utils.ts b/app/changelog/utils.ts
deleted file mode 100644
index b8ca6bd992057..0000000000000
--- a/app/changelog/utils.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import {unstable_cache} from 'next/cache';
-
-import prisma from 'sentry-docs/prisma';
-
-export const getChangelogs = unstable_cache(
-  async () => {
-    return await prisma.changelog.findMany({
-      include: {
-        categories: true,
-      },
-      where: {
-        published: true,
-      },
-      orderBy: {
-        publishedAt: 'desc',
-      },
-    });
-  },
-  ['changelogs'],
-  {tags: ['changelogs']}
-);
diff --git a/app/globals.css b/app/globals.css
index 577a0345909ad..143d4380aa63b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -4,10 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-#changelogcontent {
-  font-family: var(--font-rubik);
-}
-
 .radix-themes {
   --cursor-button: pointer;
   --iris-9: var(--accent-purple);
@@ -15,33 +11,6 @@
   --shadow-6: 0px 4px 16px 0px rgba(31, 22, 51, 0.1);
 }
 
-.fancy-border {
-  transition-property: box-shadow, border-color;
-  transition-duration: 0.25s;
-  transition-timing-function: ease-out;
-
-  &:hover {
-    box-shadow:
-      0 2px 0 rgba(54, 45, 89, 0.15),
-      -0.1875rem -0.1875rem 0 0.1875rem #f2b712,
-      0 0 0 0.375rem #e1567c;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
-
-.hero-top-left-down-slope {
-  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 40%);
-}
-
-.hero-bottom-left-down-slope {
-  clip-path: polygon(0 0, 100% 100%, 100% 100%, 0 100%);
-}
-
-.footer-top-right-down-slope {
-  clip-path: polygon(0 0, 100% 0, 100% 40%, 0 100%);
-}
-
 .icon {
   margin-left: 0.25em;
 
@@ -142,11 +111,11 @@
   --fade-in-animation: fadeIn;
 
   /* https://storybook.sentry.dev/?path=/story/core-colors--page */
-  --gray-500: #2B2233;
-  --gray-400: #3E3446;
-  --gray-300: #80708F;
-  --gray-200: #DBD6E1;
-  --gray-100: #EBE6EF;
+  --gray-500: #2b2233;
+  --gray-400: #3e3446;
+  --gray-300: #80708f;
+  --gray-200: #dbd6e1;
+  --gray-100: #ebe6ef;
 }
 
 body {
diff --git a/app/layout.tsx b/app/layout.tsx
index cd05771cc0b85..7fd5cfa06cbc9 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -18,9 +18,8 @@ export const metadata: Metadata = {
     icon:
       process.env.NODE_ENV === 'production' ? '/favicon.ico' : '/favicon_localhost.png',
   },
-  metadataBase: new URL('https://docs.sentry.io/'),
   openGraph: {
-    images: 'https://docs.sentry.io/changelog/assets/og.png',
+    images: '/og.png',
   },
   other: {
     'zd-site-verification': 'ocu6mswx6pke3c6qvozr2e',
diff --git a/apps/changelog/src/app/globals.css b/apps/changelog/src/app/globals.css
index 19e1522f2336d..6b8c34a9f7a33 100644
--- a/apps/changelog/src/app/globals.css
+++ b/apps/changelog/src/app/globals.css
@@ -31,15 +31,6 @@
   clip-path: polygon(0 0, 100% 0, 100% 40%, 0 100%);
 }
 
-:root {
-  /* https://storybook.sentry.dev/?path=/story/core-colors--page */
-  --gray-500: #2b2233;
-  --gray-400: #3e3446;
-  --gray-300: #80708f;
-  --gray-200: #dbd6e1;
-  --gray-100: #ebe6ef;
-}
-
 body {
   margin: 0;
   box-sizing: border-box;
diff --git a/package.json b/package.json
index d1b5a0793797b..1886cce85c2cc 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "dev:developer-docs": "yarn enforce-redirects && NEXT_PUBLIC_DEVELOPER_DOCS=1 yarn dev",
     "build:developer-docs": "yarn enforce-redirects && git submodule init && git submodule update && NEXT_PUBLIC_DEVELOPER_DOCS=1 yarn build",
     "build": "yarn enforce-redirects && prisma generate && next build",
-    "vercel:build:developer-docs": "rm -r app/changelog && yarn enforce-redirects && git submodule init && git submodule update && NEXT_PUBLIC_DEVELOPER_DOCS=1 yarn build",
+    "vercel:build:developer-docs": "yarn enforce-redirects && git submodule init && git submodule update && NEXT_PUBLIC_DEVELOPER_DOCS=1 yarn build",
     "start": "next start",
     "migrate:dev": "dotenv -e .env.development -- yarn prisma migrate reset",
     "lint": "next lint",
diff --git a/prisma/migrations/0_init/migration.sql b/prisma/migrations/0_init/migration.sql
deleted file mode 100644
index 9688e9373bd52..0000000000000
--- a/prisma/migrations/0_init/migration.sql
+++ /dev/null
@@ -1,121 +0,0 @@
--- CreateTable
-CREATE TABLE "Account" (
-    "id" TEXT NOT NULL,
-    "userId" TEXT NOT NULL,
-    "type" TEXT NOT NULL,
-    "provider" TEXT NOT NULL,
-    "providerAccountId" TEXT NOT NULL,
-    "refresh_token" TEXT,
-    "access_token" TEXT,
-    "expires_at" INTEGER,
-    "token_type" TEXT,
-    "scope" TEXT,
-    "id_token" TEXT,
-    "session_state" TEXT,
-
-    CONSTRAINT "Account_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "Session" (
-    "id" TEXT NOT NULL,
-    "sessionToken" TEXT NOT NULL,
-    "userId" TEXT NOT NULL,
-    "expires" TIMESTAMP(3) NOT NULL,
-
-    CONSTRAINT "Session_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "User" (
-    "id" TEXT NOT NULL,
-    "name" TEXT,
-    "email" TEXT,
-    "emailVerified" TIMESTAMP(3),
-    "image" TEXT,
-    "admin" BOOLEAN NOT NULL DEFAULT false,
-
-    CONSTRAINT "User_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "VerificationToken" (
-    "identifier" TEXT NOT NULL,
-    "token" TEXT NOT NULL,
-    "expires" TIMESTAMP(3) NOT NULL
-);
-
--- CreateTable
-CREATE TABLE "Changelog" (
-    "id" TEXT NOT NULL,
-    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
-    "publishedAt" TIMESTAMP(3) DEFAULT CURRENT_TIMESTAMP,
-    "updatedAt" TIMESTAMP(3) NOT NULL,
-    "title" VARCHAR(255) NOT NULL,
-    "slug" VARCHAR(255) NOT NULL,
-    "image" TEXT,
-    "content" TEXT,
-    "summary" TEXT,
-    "published" BOOLEAN NOT NULL DEFAULT false,
-    "deleted" BOOLEAN NOT NULL DEFAULT false,
-    "authorId" TEXT,
-
-    CONSTRAINT "Changelog_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "Category" (
-    "id" TEXT NOT NULL,
-    "name" VARCHAR(255) NOT NULL,
-    "deleted" BOOLEAN NOT NULL DEFAULT false,
-
-    CONSTRAINT "Category_pkey" PRIMARY KEY ("id")
-);
-
--- CreateTable
-CREATE TABLE "_CategoryToChangelog" (
-    "A" TEXT NOT NULL,
-    "B" TEXT NOT NULL
-);
-
--- CreateIndex
-CREATE UNIQUE INDEX "Account_provider_providerAccountId_key" ON "Account"("provider", "providerAccountId");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Session_sessionToken_key" ON "Session"("sessionToken");
-
--- CreateIndex
-CREATE UNIQUE INDEX "User_email_key" ON "User"("email");
-
--- CreateIndex
-CREATE UNIQUE INDEX "VerificationToken_token_key" ON "VerificationToken"("token");
-
--- CreateIndex
-CREATE UNIQUE INDEX "VerificationToken_identifier_token_key" ON "VerificationToken"("identifier", "token");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Changelog_slug_key" ON "Changelog"("slug");
-
--- CreateIndex
-CREATE UNIQUE INDEX "Category_name_key" ON "Category"("name");
-
--- CreateIndex
-CREATE UNIQUE INDEX "_CategoryToChangelog_AB_unique" ON "_CategoryToChangelog"("A", "B");
-
--- CreateIndex
-CREATE INDEX "_CategoryToChangelog_B_index" ON "_CategoryToChangelog"("B");
-
--- AddForeignKey
-ALTER TABLE "Account" ADD CONSTRAINT "Account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "Session" ADD CONSTRAINT "Session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "Changelog" ADD CONSTRAINT "Changelog_authorId_fkey" FOREIGN KEY ("authorId") REFERENCES "User"("id") ON DELETE SET NULL ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_CategoryToChangelog" ADD CONSTRAINT "_CategoryToChangelog_A_fkey" FOREIGN KEY ("A") REFERENCES "Category"("id") ON DELETE CASCADE ON UPDATE CASCADE;
-
--- AddForeignKey
-ALTER TABLE "_CategoryToChangelog" ADD CONSTRAINT "_CategoryToChangelog_B_fkey" FOREIGN KEY ("B") REFERENCES "Changelog"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
deleted file mode 100644
index ffd451e9cbb61..0000000000000
--- a/prisma/schema.prisma
+++ /dev/null
@@ -1,80 +0,0 @@
-generator client {
-  provider        = "prisma-client-js"
-  previewFeatures = ["fullTextSearch", "tracing"]
-}
-
-datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
-}
-
-model Account {
-  id                String  @id @default(cuid())
-  userId            String
-  type              String
-  provider          String
-  providerAccountId String
-  refresh_token     String? @db.Text
-  access_token      String? @db.Text
-  expires_at        Int?
-  token_type        String?
-  scope             String?
-  id_token          String? @db.Text
-  session_state     String?
-
-  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
-
-  @@unique([provider, providerAccountId])
-}
-
-model Session {
-  id           String   @id @default(cuid())
-  sessionToken String   @unique
-  userId       String
-  expires      DateTime
-  user         User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-}
-
-model User {
-  id            String      @id @default(cuid())
-  name          String?
-  email         String?     @unique
-  emailVerified DateTime?
-  image         String?
-  accounts      Account[]
-  sessions      Session[]
-  changelogs    Changelog[]
-  admin         Boolean     @default(false)
-}
-
-model VerificationToken {
-  identifier String
-  token      String   @unique
-  expires    DateTime
-
-  @@unique([identifier, token])
-}
-
-model Changelog {
-  id          String     @id @default(cuid())
-  createdAt   DateTime   @default(now())
-  publishedAt DateTime?  @default(now())
-  updatedAt   DateTime   @updatedAt
-  title       String     @db.VarChar(255)
-  slug        String     @unique @db.VarChar(255)
-  image       String?
-  content     String?
-  summary     String?
-  published   Boolean    @default(false)
-  deleted     Boolean    @default(false)
-  authorId    String?
-  author      User?      @relation(fields: [authorId], references: [id])
-  categories  Category[]
-}
-
-model Category {
-  id         String      @id @default(cuid())
-  name       String      @unique @db.VarChar(255)
-  deleted    Boolean     @default(false)
-  changelogs Changelog[]
-}
diff --git a/prisma/seed/seed.mjs b/prisma/seed/seed.mjs
deleted file mode 100644
index 4c5f1821a25f7..0000000000000
--- a/prisma/seed/seed.mjs
+++ /dev/null
@@ -1,84 +0,0 @@
-import {PrismaClient} from '@prisma/client';
-
-const prisma = new PrismaClient();
-
-async function seed() {
-  try {
-    // Create changelogs
-    const changelog1 = await prisma.changelog.create({
-      data: {
-        id: '1',
-        createdAt: new Date(),
-        publishedAt: new Date(),
-        updatedAt: new Date(),
-        title: 'Changelog 1',
-        slug: 'changelog-1',
-        content: 'Changelog 1 content',
-        summary: 'Changelog 1 summary',
-        published: true,
-        deleted: false,
-      },
-    });
-
-    const changelog2 = await prisma.changelog.create({
-      data: {
-        id: '2',
-        createdAt: new Date(),
-        publishedAt: new Date(),
-        updatedAt: new Date(),
-        title: 'Changelog 2',
-        slug: 'changelog-2',
-        content: 'Changelog 2 content',
-        summary: 'Changelog 2 summary',
-        published: true,
-        deleted: false,
-      },
-    });
-    
-    const changelog3 = await prisma.changelog.create({
-      data: {
-        id: '3',
-        createdAt: new Date('01/01/2020'),
-        publishedAt: new Date('01/01/2020'),
-        updatedAt: new Date('01/01/2020'),
-        title: 'Changelog 3',
-        slug: 'changelog-3',
-        content: 'Changelog 3 content with [markdown content](https://de.wikipedia.org/wiki/Markdown)',
-        summary: 'Changelog 3 summary with [markdown content](https://de.wikipedia.org/wiki/Markdown)',
-        published: true,
-        deleted: false,
-      },
-    });
-
-    // Create categories
-    await prisma.category.create({
-      data: {
-        id: '1',
-        name: 'Category 1',
-        deleted: false,
-        changelogs: {
-          connect: [{id: changelog1.id}],
-        },
-      },
-    });
-
-    await prisma.category.create({
-      data: {
-        id: '2',
-        name: 'Category 2',
-        deleted: false,
-        changelogs: {
-          connect: [{id: changelog2.id}, {id: changelog3.id}],
-        },
-      },
-    });
-
-    console.log('Seed data created successfully!');
-  } catch (error) {
-    console.error('Error seeding data:', error);
-  } finally {
-    await prisma.$disconnect();
-  }
-}
-
-seed();
diff --git a/public/changelog/assets/hero.png b/public/changelog/assets/hero.png
deleted file mode 100644
index 7ca43b46962f8..0000000000000
Binary files a/public/changelog/assets/hero.png and /dev/null differ
diff --git a/public/changelog/assets/squiggle.png b/public/changelog/assets/squiggle.png
deleted file mode 100644
index f6d2df6f91e01..0000000000000
Binary files a/public/changelog/assets/squiggle.png and /dev/null differ
diff --git a/public/changelog/assets/og.png b/public/og.png
similarity index 100%
rename from public/changelog/assets/og.png
rename to public/og.png
diff --git a/src/actions/changelog.ts b/src/actions/changelog.ts
deleted file mode 100644
index 307945387517d..0000000000000
--- a/src/actions/changelog.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-'use server';
-
-import {GET as handler} from 'app/api/auth/[...nextauth]/route';
-import {revalidatePath, revalidateTag} from 'next/cache';
-import {redirect} from 'next/navigation';
-import {getServerSession} from 'next-auth/next';
-
-import prisma from '../prisma';
-
-export async function unpublishChangelog(formData: FormData) {
-  const session = await getServerSession(handler);
-  if (!session) {
-    return {message: 'Unauthorized'};
-  }
-  const id = formData.get('id') as string;
-
-  try {
-    await prisma.changelog.update({
-      where: {id},
-      data: {published: false, publishedAt: null},
-    });
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('DELETE ACTION ERROR:', error);
-    return {message: 'Unable to unpublish changelog'};
-  }
-
-  revalidateTag('changelogs');
-  revalidateTag('changelog-detail');
-  return revalidatePath(`/changelog/_admin`);
-}
-
-export async function publishChangelog(formData: FormData) {
-  const session = await getServerSession(handler);
-  if (!session) {
-    return {message: 'Unauthorized'};
-  }
-  const id = formData.get('id') as string;
-
-  try {
-    await prisma.changelog.update({
-      where: {id},
-      data: {published: true, publishedAt: new Date().toISOString()},
-    });
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('DELETE ACTION ERROR:', error);
-    return {message: 'Unable to publish changelog'};
-  }
-
-  revalidateTag('changelogs');
-  revalidateTag('changelog-detail');
-  return revalidatePath(`/changelog/_admin`);
-}
-
-export async function createChangelog(formData: FormData) {
-  const session = await getServerSession(handler);
-  if (!session) {
-    return {message: 'Unauthorized'};
-  }
-  const categories = formData.getAll('categories');
-  await prisma.category.createMany({
-    data: categories.map(category => ({name: category as string})),
-    skipDuplicates: true,
-  });
-  const connect = categories.map(category => {
-    return {name: category as string};
-  });
-  const user = await prisma.user.findUnique({
-    // @ts-ignore
-    where: {email: session?.user?.email as string},
-  });
-  const data = {
-    title: formData.get('title') as string,
-    content: formData.get('content') as string,
-    summary: formData.get('summary') as string,
-    image: formData.get('image') as string,
-    slug: formData.get('slug') as string,
-    author: {connect: {id: user?.id as string}},
-    categories: formData.get('categories') !== '' ? {connect} : {},
-  };
-
-  await prisma.changelog.create({data});
-
-  return redirect(`/changelog/_admin`);
-}
-
-export async function editChangelog(formData: FormData) {
-  const session = await getServerSession(handler);
-  if (!session) {
-    return {message: 'Unauthorized'};
-  }
-  const id = formData.get('id') as string;
-  const categories = formData.getAll('categories');
-  await prisma.category.createMany({
-    data: categories.map(category => ({name: category as string})),
-    skipDuplicates: true,
-  });
-  const connect = categories.map(category => {
-    return {name: category as string};
-  });
-
-  try {
-    const data = {
-      title: formData.get('title') as string,
-      content: formData.get('content') as string,
-      summary: formData.get('summary') as string,
-      image: formData.get('image') as string,
-      slug: formData.get('slug') as string,
-      categories: formData.get('categories') !== '' ? {set: [...connect]} : {set: []},
-    };
-
-    await prisma.changelog.update({
-      where: {id},
-      data,
-    });
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('EDIT ACTION ERROR:', error);
-    return {message: error};
-  }
-
-  revalidateTag('changelogs');
-  revalidateTag('changelog-detail');
-  return redirect(`/changelog/_admin`);
-}
-
-export async function deleteChangelog(formData: FormData) {
-  const session = await getServerSession(handler);
-  if (!session) {
-    return {message: 'Unauthorized'};
-  }
-  const id = formData.get('id') as string;
-  try {
-    await prisma.changelog.delete({
-      where: {id},
-    });
-  } catch (error) {
-    // eslint-disable-next-line no-console
-    console.error('DELETE ACTION ERROR:', error);
-    return {message: 'Unable to delete changelog'};
-  }
-
-  revalidateTag('changelogs');
-  revalidateTag('changelog-detail');
-  return revalidatePath(`/changelog/_admin`);
-}
diff --git a/src/components/changelog/article.tsx b/src/components/changelog/article.tsx
deleted file mode 100644
index 1defd341f9dd8..0000000000000
--- a/src/components/changelog/article.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import {ReactNode} from 'react';
-
-import Date from './date';
-import Tag from './tag';
-
-type ArticleProps = {
-  children?: ReactNode;
-  className?: string;
-  date?: string | Date | null;
-  image?: string | null;
-  loading?: boolean;
-  slug?: string;
-  tags?: string[];
-  title?: string;
-};
-
-export default function Article({
-  title = '',
-  image,
-  tags = [],
-  date = null,
-  children,
-  loading,
-  className,
-}: ArticleProps) {
-  if (loading) {
-    return <LoadingArticle />;
-  }
-
-  return (
-    <article className={`bg-white rounded-lg shadow-lg mb-8 ${className}`}>
-      {/* this needs to be a plain <img> next/image doesn't work here because of redirects we do */}
-      {image && (
-        // eslint-disable-next-line @next/next/no-img-element
-        <img
-          className="object-cover relative w-full h-64 rounded-lg rounded-b-none"
-          src={image}
-          alt={title}
-        />
-      )}
-      <div className="p-6">
-        <h3 className="text-3xl text-primary font-semibold mb-2">{title}</h3>
-        <div>
-          <div className="flex flex-wrap gap-1 py-1">
-            {Array.isArray(tags) && tags.map(tag => <Tag key={tag} text={tag} />)}
-          </div>
-
-          <div className="prose max-w-none text-gray-700 py-2">{children}</div>
-          <dl>
-            <dd className="text-xs leading-6 text-gray-400">
-              {date && <Date date={date} />}
-            </dd>
-          </dl>
-        </div>
-      </div>
-    </article>
-  );
-}
-
-function LoadingArticle() {
-  return (
-    <article className="bg-white rounded-lg shadow-lg mb-8">
-      <div className="p-6">
-        <div className="h-6 bg-gray-200 mb-2 animate-pulse rounded" />
-        <div className="flex flex-wrap gap-1 py-1">
-          <div className="h-4 bg-gray-200 w-20 animate-pulse rounded" />
-        </div>
-        <div className="prose max-w-none text-gray-700 py-2">
-          <div className="h-4 bg-gray-200 mb-2" />
-          <div className="h-4 bg-gray-200 mb-2 animate-pulse rounded" />
-          <div className="h-4 bg-gray-200" />
-        </div>
-        <div className="text-xs leading-6 text-gray-400 animate-pulse rounded">
-          <div className="h-4 bg-gray-200 w-16 animate-pulse rounded" />
-        </div>
-      </div>
-    </article>
-  );
-}
diff --git a/src/components/changelog/articleFooter/index.tsx b/src/components/changelog/articleFooter/index.tsx
deleted file mode 100644
index 3f3609bb405ed..0000000000000
--- a/src/components/changelog/articleFooter/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {Button} from '../ui/Button';
-
-import styles from './styles.module.css';
-
-export default function ArticleFooter() {
-  return (
-    <div>
-      <div
-        className={`${styles['footer-wrapper']} mb-8 py-5 px-8 rounded-md flex flex-col md:flex-row items-center justify-center flex-wrap gap-2`}
-      >
-        <div className="flex-1 text-white uppercase text-base">
-          Your code is broken. Let's Fix it.
-        </div>
-        <Button
-          as="a"
-          href="https://sentry.io/signup"
-          className="w-full md:w-auto justify-center uppercase rounded-3xl !text-white"
-        >
-          Get Started
-        </Button>
-      </div>
-    </div>
-  );
-}
diff --git a/src/components/changelog/articleFooter/styles.module.css b/src/components/changelog/articleFooter/styles.module.css
deleted file mode 100644
index 6f0dd1c5ebd12..0000000000000
--- a/src/components/changelog/articleFooter/styles.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.footer-wrapper {
-  background:
-    url('/changelog/assets/squiggle.png') 0px 0px / 300px 300px,
-    linear-gradient(315deg, rgb(24, 13, 28) 0.57%, rgb(69, 38, 80) 100%) 0% 0% / cover;
-}
diff --git a/src/components/changelog/date.tsx b/src/components/changelog/date.tsx
deleted file mode 100644
index 7b7d7be412129..0000000000000
--- a/src/components/changelog/date.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-const formatDate = date => {
-  const options: Intl.DateTimeFormatOptions = {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  };
-  const now = new Date(date).toLocaleDateString('en-EN', options);
-
-  return now;
-};
-
-function DateComponent({date}) {
-  return <time dateTime={date}>{formatDate(date)}</time>;
-}
-
-export default DateComponent;
diff --git a/src/components/changelog/editor.tsx b/src/components/changelog/editor.tsx
deleted file mode 100644
index 8e9643772f6a5..0000000000000
--- a/src/components/changelog/editor.tsx
+++ /dev/null
@@ -1,214 +0,0 @@
-'use client';
-
-import type {ChangeEvent, ClipboardEvent, DragEvent, ForwardedRef} from 'react';
-import {Fragment, useEffect, useRef, useState} from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import {
-  CodeIcon,
-  FontBoldIcon,
-  FontItalicIcon,
-  ImageIcon,
-  Link1Icon,
-  ListBulletIcon,
-  QuoteIcon,
-  StrikethroughIcon,
-} from '@radix-ui/react-icons';
-import * as Toolbar from '@radix-ui/react-toolbar';
-import type {TextareaMarkdownRef} from 'textarea-markdown-editor';
-import TextareaMarkdown, {Cursor} from 'textarea-markdown-editor';
-
-import {uploadImage} from 'sentry-docs/components/changelog/uploadImage';
-
-function replaceText(cursor: Cursor, text: string, replaceWith: string) {
-  cursor.setValue(cursor.value.replace(text, replaceWith));
-}
-
-function handleUploadImages(textareaEl: HTMLTextAreaElement, fileList: File[]) {
-  const cursor = new Cursor(textareaEl);
-
-  fileList.forEach(async (file, _idx) => {
-    const loadingText = `![Uploading ${file.name}...]()`;
-
-    cursor.insert(`${loadingText}${Cursor.MARKER}`);
-
-    try {
-      const uploadedImage = await uploadImage(file);
-      replaceText(
-        cursor,
-        loadingText,
-        `![${uploadedImage.originalFilename}](${uploadedImage.url})`
-      );
-    } catch (err: any) {
-      // eslint-disable-next-line no-console
-      console.error(err);
-      replaceText(cursor, loadingText, '');
-      throw err;
-    }
-  });
-}
-
-const onUploadFiles = (
-  textareaEl: HTMLTextAreaElement,
-  event:
-    | DragEvent<HTMLTextAreaElement>
-    | ClipboardEvent<HTMLTextAreaElement>
-    | ChangeEvent<HTMLInputElement>,
-  fileList: FileList | null
-) => {
-  if (!fileList) {
-    return;
-  }
-
-  const filesArray = Array.from(fileList);
-
-  if (filesArray.length === 0) {
-    return;
-  }
-
-  const imageFiles = filesArray.filter(file => /image/i.test(file.type));
-  if (imageFiles.length === 0) {
-    return;
-  }
-
-  event.preventDefault();
-
-  handleUploadImages(textareaEl, imageFiles);
-};
-
-export type EditorProps = {
-  name: string;
-  className?: string;
-  defaultValue?: string;
-  minRows?: number;
-  noPreview?: boolean;
-};
-
-function Editor({name, defaultValue, minRows = 15}: EditorProps) {
-  const [value, setValue] = useState(defaultValue || '');
-
-  useEffect(() => {
-    setValue(defaultValue || '');
-  }, [defaultValue]);
-
-  const ref = useRef<TextareaMarkdownRef>(null);
-  const fileRef = useRef<HTMLInputElement>(null);
-
-  const editorBlock = (
-    <Fragment>
-      <Toolbar.Toolbar className="w-full flex gap-1 pb-4" aria-label="Formatting options">
-        <Toolbar.Button
-          value="bold"
-          aria-label="Bold"
-          onClick={() => ref.current?.trigger('bold')}
-        >
-          <FontBoldIcon />
-        </Toolbar.Button>
-        <Toolbar.Button
-          value="italic"
-          aria-label="Italic"
-          onClick={() => ref.current?.trigger('italic')}
-        >
-          <FontItalicIcon />
-        </Toolbar.Button>
-        <Toolbar.Button
-          value="strikethrough"
-          aria-label="Strike through"
-          onClick={() => ref.current?.trigger('strike-through')}
-        >
-          <StrikethroughIcon />
-        </Toolbar.Button>
-        <Toolbar.Separator />
-        <Toolbar.Button
-          value="unordered-list"
-          aria-label="Unordered List"
-          onClick={() => ref.current?.trigger('unordered-list')}
-        >
-          <ListBulletIcon />
-        </Toolbar.Button>
-        <Toolbar.Button
-          value="code-block"
-          aria-label="code-block"
-          onClick={() => ref.current?.trigger('code-block')}
-        >
-          <CodeIcon />
-        </Toolbar.Button>
-        <Toolbar.Button
-          value="block-quotes"
-          aria-label="block-quotes"
-          onClick={() => ref.current?.trigger('block-quotes')}
-        >
-          <QuoteIcon />
-        </Toolbar.Button>
-        <Toolbar.Separator />
-        <Toolbar.Button
-          value="link"
-          aria-label="Link"
-          onClick={() => ref.current?.trigger('link')}
-        >
-          <Link1Icon />
-        </Toolbar.Button>
-        <Toolbar.Button
-          value="image"
-          aria-label="image"
-          onClick={() => {
-            fileRef.current?.click();
-          }}
-        >
-          <ImageIcon />
-        </Toolbar.Button>
-      </Toolbar.Toolbar>
-
-      <TextareaMarkdown.Wrapper
-        ref={ref}
-        options={{
-          codeBlockPlaceholder: '```\nfunction helloWorld() { }\n```',
-          blockQuotesPlaceholder: '> quote',
-        }}
-      >
-        <TextareaAutosize
-          name={name}
-          minRows={minRows}
-          required
-          value={value}
-          className="w-full"
-          onChange={e => setValue(e.target.value)}
-          //   aria-invalid={actionData?.errors?.content ? true : undefined}
-          //   aria-errormessage={
-          //     actionData?.errors?.content ? "content-error" : undefined
-          //   }
-          onPaste={event => {
-            onUploadFiles(ref.current!, event, event.clipboardData.files);
-          }}
-          onDrop={event => {
-            onUploadFiles(ref.current!, event, event.dataTransfer.files);
-          }}
-        />
-      </TextareaMarkdown.Wrapper>
-    </Fragment>
-  );
-
-  return (
-    <div className="editor">
-      {editorBlock}
-      <input
-        ref={fileRef}
-        type="file"
-        // onClick={event => {}}
-        accept="image/*"
-        multiple
-        onChange={event => {
-          onUploadFiles(ref.current!, event, event.target.files);
-          fileRef.current!.value = '';
-        }}
-        style={{display: 'none', position: 'absolute', left: -100000}}
-      />
-    </div>
-  );
-}
-
-// Only import this to the next file
-export default function ForwardEditor({
-  ...props
-}: {editorRef: ForwardedRef<null> | null} & EditorProps) {
-  return <Editor {...props} />;
-}
diff --git a/src/components/changelog/fileUpload.tsx b/src/components/changelog/fileUpload.tsx
deleted file mode 100644
index 75a5c87fda782..0000000000000
--- a/src/components/changelog/fileUpload.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-'use client';
-import {Fragment, useState} from 'react';
-
-import {uploadImage} from 'sentry-docs/components/changelog/uploadImage';
-
-import {Input} from './ui/Input';
-
-export function FileUpload({defaultFile = ''}) {
-  const [loading, setLoading] = useState(false);
-  const [file, setFile] = useState(defaultFile);
-
-  async function onChange(e) {
-    setLoading(true);
-    const result = await uploadImage(e.target.files[0]);
-    setLoading(false);
-    setFile(result.url);
-  }
-
-  return (
-    <Fragment>
-      <Input name="temp" label="Hero Image" type="file" onChange={onChange} />
-      {loading && <p>Loading...</p>}
-      {file && (
-        <Fragment>
-          {/* eslint-disable-next-line @next/next/no-img-element */}
-          <img src={file} alt="Uploaded file" />
-          <input type="hidden" name="image" value={file} />
-        </Fragment>
-      )}
-      <span className="text-xs text-gray-500 italic">Image is not required</span>
-    </Fragment>
-  );
-}
diff --git a/src/components/changelog/forwardRefEditor.tsx b/src/components/changelog/forwardRefEditor.tsx
deleted file mode 100644
index 4c1528ab5f474..0000000000000
--- a/src/components/changelog/forwardRefEditor.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-'use client';
-
-import {forwardRef} from 'react';
-import dynamic from 'next/dynamic';
-
-import {EditorProps} from './editor';
-
-const Editor = dynamic(() => import('./editor'), {
-  // Make sure we turn SSR off
-  ssr: false,
-});
-
-export const ForwardRefEditor = forwardRef<null, EditorProps>((props, ref) => (
-  <Editor {...props} editorRef={ref} />
-));
-
-// TS complains without the following line
-ForwardRefEditor.displayName = 'ForwardRefEditor';
diff --git a/src/components/changelog/list.tsx b/src/components/changelog/list.tsx
deleted file mode 100644
index db5778a179352..0000000000000
--- a/src/components/changelog/list.tsx
+++ /dev/null
@@ -1,234 +0,0 @@
-'use client';
-
-import {useEffect, useState} from 'react';
-import {type Category, type Changelog} from '@prisma/client';
-import Link from 'next/link';
-import {usePathname, useRouter, useSearchParams} from 'next/navigation';
-import {MDXRemote, MDXRemoteSerializeResult} from 'next-mdx-remote';
-
-import Article from 'sentry-docs/components/changelog/article';
-import Pagination from 'sentry-docs/components/changelog/pagination';
-import Tag from 'sentry-docs/components/changelog/tag';
-
-const ENTRIES_PER_PAGE = 10;
-
-type EnhancedChangelog = Changelog & {
-  categories: Category[];
-  mdxSummary: MDXRemoteSerializeResult;
-};
-
-export default function Changelogs({changelogs}: {changelogs: EnhancedChangelog[]}) {
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-
-  const [pageNumber, setPageNumber] = useState(1);
-  const [searchValue, setSearchValue] = useState('');
-  const [selectedCategoriesIds, setSelectedCategoriesIds] = useState<string[]>(
-    searchParams?.get('categories')?.split(',') || []
-  );
-  const [selectedMonth, setSelectedMonth] = useState<string | null>(
-    searchParams?.get('month') || null
-  );
-
-  useEffect(() => {
-    const params: string[] = [];
-    if (selectedCategoriesIds.length > 0) {
-      params.push(`categories=${selectedCategoriesIds.join(',')}`);
-    }
-    if (selectedMonth) {
-      params.push(`month=${selectedMonth}`);
-    }
-    router.push(pathname + '?' + params.join('&'));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedCategoriesIds, selectedMonth]);
-
-  const filtered = selectedCategoriesIds.length || searchValue || selectedMonth;
-
-  const filteredChangelogs = changelogs
-    .filter((changelog: EnhancedChangelog) => {
-      // map all categories to a string
-      const categories = changelog.categories
-        .map((category: Category) => category.name)
-        .join(' ');
-
-      const postDate = new Date(changelog.publishedAt || '');
-      const postMonthYear = postDate.toLocaleString('default', {
-        month: 'long',
-        year: 'numeric',
-      });
-
-      const searchContent = changelog.title + changelog.summary + categories;
-      return (
-        searchContent.toLowerCase().includes(searchValue.toLowerCase()) &&
-        (!selectedCategoriesIds.length ||
-          selectedCategoriesIds.some(catId =>
-            changelog.categories.some(changelogCategory => changelogCategory.id === catId)
-          )) &&
-        (!selectedMonth || selectedMonth === postMonthYear)
-      );
-    })
-    .slice(ENTRIES_PER_PAGE * (pageNumber - 1), ENTRIES_PER_PAGE * pageNumber);
-
-  const allChangelogCategories: Record<string, Category> = {};
-  changelogs.forEach(changelog => {
-    changelog.categories.forEach(category => {
-      allChangelogCategories[category.id] = category;
-    });
-  });
-
-  // iterate over all posts and create a list of months & years
-  const months = changelogs.reduce((allMonths, post) => {
-    const date = new Date(post.publishedAt || '');
-    const year = date.getFullYear();
-    const month = date.toLocaleString('default', {
-      month: 'long',
-    });
-    const dateMonthYear = `${month} ${year}`;
-    return [...new Set([...allMonths, dateMonthYear])];
-  }, [] as string[]);
-
-  const monthsCopy = [...months];
-
-  const showChangelogs = filteredChangelogs.map(changelog => {
-    const monthYear = new Date(changelog.publishedAt || '').toLocaleString('default', {
-      month: 'long',
-      year: 'numeric',
-    });
-
-    const monthYearIndex = months.indexOf(monthYear);
-    if (monthYearIndex > -1) {
-      // remove first entry from months array
-      months.splice(monthYearIndex, 1);
-    }
-
-    const monthSeparator = (
-      <div className="flex items-center my-4">
-        <div className="flex-1 border-t-[1px] border-gray-400" />
-        <span className="px-3 text-gray-500">{monthYear}</span>
-        <div className="flex-1 border-t-[1px] border-gray-400" />
-      </div>
-    );
-
-    return (
-      <Link href={`/changelog/${changelog.slug}`} key={changelog.id}>
-        {monthYearIndex > -1 && monthSeparator}
-        <Article
-          className="fancy-border"
-          key={changelog.id}
-          slug={changelog.slug}
-          date={changelog.publishedAt}
-          title={changelog.title}
-          tags={changelog.categories.map((category: Category) => category.name)}
-          image={changelog.image}
-        >
-          <MDXRemote {...changelog.mdxSummary} />
-        </Article>
-      </Link>
-    );
-  });
-
-  const pagination = {
-    totalPages: Math.ceil(
-      (filtered ? filteredChangelogs.length : changelogs.length) / ENTRIES_PER_PAGE
-    ),
-  };
-
-  return (
-    <div className="w-full mx-auto grid grid-cols-12 bg-gray-200">
-      <div className="hidden md:block md:col-span-2 pl-5 pt-10">
-        <h3 className="text-2xl text-primary font-semibold mb-2">Categories:</h3>
-        <div className="flex flex-wrap gap-1 py-1">
-          {Object.values(allChangelogCategories).map(category => {
-            return (
-              <a
-                onClick={() => {
-                  if (selectedCategoriesIds.includes(category.id)) {
-                    setSelectedCategoriesIds(
-                      selectedCategoriesIds.filter(cat => cat !== category.id)
-                    );
-                  } else {
-                    setSelectedCategoriesIds([...selectedCategoriesIds, category.id]);
-                  }
-                }}
-                key={category.name}
-              >
-                <Tag
-                  text={category.name}
-                  active={selectedCategoriesIds.includes(category.id)}
-                  pointer
-                />
-              </a>
-            );
-          })}
-        </div>
-      </div>
-      <div className="col-span-12 md:col-span-8">
-        <div className="max-w-3xl mx-auto px-4 pb-4 sm:px-6 md:px-8">
-          <div className="flex justify-between items-center py-6 space-x-4">
-            <input
-              aria-label="Search..."
-              type="text"
-              value={searchValue}
-              onChange={e => setSearchValue(e.target.value)}
-              placeholder="Search..."
-              className="form-input flex-1 rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500"
-            />
-            <div className="flex space-x-4">
-              <a
-                className={`${filtered ? 'text-purple font-medium cursor-pointer' : 'text-gray-500 cursor-not-allowed'} hover:text-gray-700`}
-                onClick={() => {
-                  setSearchValue('');
-                  setSelectedCategoriesIds([]);
-                  setSelectedMonth(null);
-                }}
-              >
-                Reset
-              </a>
-            </div>
-          </div>
-
-          {showChangelogs}
-
-          {pagination.totalPages > 1 && (
-            <Pagination
-              currentPage={pageNumber}
-              totalPages={pagination.totalPages}
-              setPageNumber={setPageNumber}
-            />
-          )}
-
-          {!filteredChangelogs.length && (
-            <div className="flex items-center my-4">
-              <div className="flex-1 border-t-[1px] border-gray-400" />
-              <span className="px-3 text-gray-500">No posts found.</span>
-              <div className="flex-1 border-t-[1px] border-gray-400" />
-            </div>
-          )}
-        </div>
-      </div>
-      <div className="hidden md:block md:col-span-2 pl-5 pt-10">
-        <h3 className="text-1xl text-primary font-semibold mb-2">Jump to:</h3>
-        <ul>
-          {monthsCopy.map((month, index) => (
-            <li key={index}>
-              <a
-                className={`text-primary cursor-pointer hover:text-purple-900 hover:font-extrabold ${selectedMonth === month ? 'underline' : ''}`}
-                onClick={e => {
-                  e.preventDefault();
-                  if (selectedMonth === month) {
-                    setSelectedMonth(null);
-                  } else {
-                    setSelectedMonth(month);
-                  }
-                }}
-              >
-                {month}
-              </a>
-            </li>
-          ))}
-        </ul>
-      </div>
-    </div>
-  );
-}
diff --git a/src/components/changelog/loginButton.tsx b/src/components/changelog/loginButton.tsx
deleted file mode 100644
index e31dd0fd2f1bd..0000000000000
--- a/src/components/changelog/loginButton.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client';
-
-import {LockClosedIcon} from '@radix-ui/react-icons';
-import {Avatar, Box, Button, Card, Flex, Link, Text} from '@radix-ui/themes';
-import {signIn, signOut, useSession} from 'next-auth/react';
-
-export default function Component({className = ''}) {
-  const {data: session} = useSession();
-  if (session) {
-    return (
-      <Card style={{maxWidth: 240}}>
-        <Flex gap="3" align="center">
-          <Avatar size="3" src={session.user?.image || ''} radius="full" fallback="U" />
-          <Box>
-            <Text as="div" size="2" weight="bold">
-              {session.user?.name}
-            </Text>
-            <Link className={className} onClick={() => signOut()}>
-              Sign Out
-            </Link>
-          </Box>
-        </Flex>
-      </Card>
-    );
-  }
-  return (
-    <Button className={className} onClick={() => signIn()} size="4">
-      <LockClosedIcon width="16" height="16" /> Sign In
-    </Button>
-  );
-}
diff --git a/src/components/changelog/navbar.tsx b/src/components/changelog/navbar.tsx
deleted file mode 100644
index 454b0ea27dee0..0000000000000
--- a/src/components/changelog/navbar.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-'use client';
-import {useEffect, useRef, useState} from 'react';
-
-import {NAV_ITEMS} from 'sentry-docs/constants';
-import Chevron from 'sentry-docs/icons/Chevron';
-
-import {SentryWordmarkLogo} from '../wordmarkLogo';
-
-import {Button} from './ui/Button';
-
-export function Navbar() {
-  const [activeNavItem, setActiveNavItem] = useState<string | null>(null);
-  const [isMenuVisible, setIsMenuVisible] = useState(false);
-  const dropdownRef = useRef<HTMLDivElement>(null);
-
-  function handleLogoClick(e: React.MouseEvent<SVGElement>) {
-    e.preventDefault();
-    if (e.type === 'click') {
-      window.location.href = 'https://sentry.io/welcome';
-    } else if (e?.type === 'contextmenu') {
-      window.location.href = 'https://sentry.io/branding';
-    }
-  }
-
-  function handleShowMenu() {
-    setActiveNavItem(null);
-    setIsMenuVisible(prev => !prev);
-  }
-
-  function handleShowActiveNavItem(e: MouseEvent) {
-    if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {
-      setActiveNavItem(null);
-    }
-  }
-  // handle click outside of nav items
-  useEffect(() => {
-    document.addEventListener('click', handleShowActiveNavItem);
-
-    return () => {
-      document.removeEventListener('click', handleShowActiveNavItem);
-    };
-  }, []);
-
-  return (
-    <header className="bg-white sticky top-0 w-full z-50 py-4">
-      <div className="lg:max-w-6xl md:max-w-3xl max-w-xl mx-auto px-8 sm:px-6 lg:px-8">
-        <nav className="flex justify-between items-center text-primary flex-wrap">
-          <div
-            title="Sentry error monitoring"
-            className="flex flex-shrink-0 flex-1 items-center mr-auto"
-          >
-            <a href="#">
-              <SentryWordmarkLogo
-                width={150}
-                height={45}
-                onClick={handleLogoClick}
-                onContextMenu={handleLogoClick}
-              />
-            </a>
-          </div>
-          <Button
-            onClick={handleShowMenu}
-            className="!bg-gray-200 !hover:bg-gray-200 lg:hidden flex"
-          >
-            <span>Menu</span>
-            <Chevron
-              width={14}
-              height={14}
-              direction={isMenuVisible ? 'down' : 'right'}
-            />
-          </Button>
-          <ul
-            className={`${isMenuVisible ? 'flex' : 'lg:flex hidden'} lg:items-center lg:flex-row flex-col basis-full lg:basis-0`}
-          >
-            {NAV_ITEMS.map(
-              ({
-                id,
-                type = 'button',
-                to,
-                target,
-                variant = 'ghost',
-                title,
-                className,
-                children = [],
-                withArrowBtn = false,
-              }) => (
-                <li key={id} className="lg:ml-2 relative pt-4 lg:pt-0">
-                  <Button
-                    as={type}
-                    variant={variant}
-                    target={target}
-                    href={to || ''}
-                    className="w-full !justify-start"
-                    onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {
-                      e.stopPropagation();
-                      e.nativeEvent.stopImmediatePropagation();
-                      if (children && children.length) {
-                        setActiveNavItem(prev => {
-                          if (prev === id) {
-                            return null;
-                          }
-                          return id;
-                        });
-                      }
-                    }}
-                  >
-                    <span className={className}>{title}</span>
-                    {((children && children.length) || withArrowBtn) && (
-                      <Chevron direction={activeNavItem === id ? 'down' : 'right'} />
-                    )}
-                  </Button>
-                  {activeNavItem && activeNavItem === id && (
-                    <div
-                      id={id}
-                      ref={dropdownRef}
-                      className="bg-white z-20 w-auto py-4 lg:px-5 lg:-mx-4 lg:absolute realtive lg:-left-2/4 lg:top-12 lg:rounded-2xl lg:shadow-sm "
-                    >
-                      <div className="max-w-6xl w-full">
-                        <div className="flex gap-6 lg:gap-0 lg:flex-row flex-col ">
-                          {children.map(navSubItem => (
-                            <div
-                              key={navSubItem.id}
-                              className={`${navSubItem.title ? 'p-4' : 'lg:px-4'} lg:w-[${(1 / children.length) * 100}%]`}
-                            >
-                              {navSubItem.title && (
-                                <h3 className="mb-2 pl-4 text-base font-medium">
-                                  {navSubItem.title}
-                                </h3>
-                              )}
-                              <ul
-                                className={`${navSubItem.title ? 'lg:gap-0 grid sm:grid-cols-1 md:grid-cols-2 lg:flex lg:flex-col' : 'gap-2 flex flex-col'}`}
-                              >
-                                {navSubItem.children?.map(navSubSubItem => (
-                                  <li key={navSubSubItem.id}>
-                                    <Button
-                                      as="a"
-                                      href={navSubSubItem.to}
-                                      variant={navSubSubItem.variant}
-                                    >
-                                      <span
-                                        className={`h-4 leading-4 ${navSubSubItem.withArrowBtn ? 'text-black' : 'text-accent-purple'}`}
-                                      >
-                                        {navSubSubItem.title}
-                                      </span>
-                                      {navSubSubItem.withArrowBtn && (
-                                        <Chevron direction="right" />
-                                      )}
-                                    </Button>
-                                  </li>
-                                ))}
-                              </ul>
-                            </div>
-                          ))}
-                        </div>
-                      </div>
-                    </div>
-                  )}
-                </li>
-              )
-            )}
-
-            <li className="lg:pl-2 lg:ml-2 pt-4 lg:pt-0">
-              <Button
-                as="a"
-                href="https://sentry.io/signup/"
-                variant="solid"
-                className="w-full"
-              >
-                <span className="text-white h-4 leading-4">Get Started</span>
-              </Button>
-            </li>
-          </ul>
-        </nav>
-      </div>
-      <div className="hero-top-left-down-slope absolute -bottom-[39px] w-full h-10 bg-white" />
-    </header>
-  );
-}
diff --git a/src/components/changelog/pagination.tsx b/src/components/changelog/pagination.tsx
deleted file mode 100644
index 829af078763eb..0000000000000
--- a/src/components/changelog/pagination.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-'use client';
-import {Fragment} from 'react';
-
-export default function Pagination({totalPages, currentPage, setPageNumber}) {
-  const prevPage = currentPage - 1 > 0;
-  const nextPage = currentPage + 1 <= parseInt(totalPages, 10);
-
-  const pages: Array<number> = [];
-  let pushedMiddle = false;
-  for (let i = 1; i <= totalPages; i++) {
-    if (i === 1 || i === totalPages || (i >= currentPage - 2 && i <= currentPage + 2)) {
-      pages.push(i);
-    } else if (!pushedMiddle) {
-      pages.push(0);
-      pushedMiddle = true;
-    }
-  }
-
-  return (
-    <div className="flex items-center justify-center gap-0 md:gap-4">
-      <ConditionalLink
-        href={`#page${Math.max(currentPage - 1, 1)}`}
-        onClick={() => setPageNumber(Math.max(currentPage - 1, 1))}
-        condition={prevPage}
-      >
-        <button
-          disabled={!prevPage}
-          className="hidden md:flex items-center gap-2 px-6 py-3 font-sans text-xs font-bold text-center text-gray-900 uppercase align-middle transition-all rounded-lg select-none hover:bg-darkPurple/10 active:bg-darkPurple disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
-          type="button"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            strokeWidth="2"
-            stroke="currentColor"
-            aria-hidden="true"
-            className="w-4 h-4"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
-            />
-          </svg>
-          Previous
-        </button>
-      </ConditionalLink>
-      <div className="flex items-center gap-0 md:gap-2">
-        {pages.map(page => (
-          <a
-            key={page}
-            href={page === 0 ? undefined : `#page${page}`}
-            onClick={() => (page === 0 ? {} : setPageNumber(page))}
-          >
-            <button
-              className={`${page === currentPage ? 'bg-darkPurple relative h-10 max-h-[40px] w-10 max-w-[40px] select-none rounded-lg  text-center align-middle font-sans text-xs font-medium uppercase text-white shadow-md bg-darkPurple transition-all hover:shadow-lg hover:bg-darkPurple focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none' : 'relative h-10 max-h-[40px] w-10 max-w-[40px] select-none rounded-lg text-center align-middle font-sans text-xs font-medium uppercase text-gray-900 transition-all hover:bg-darkPurple/10 active:bg-darkPurple/20 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none'}`}
-              type="button"
-            >
-              <span className="absolute transform -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2">
-                {page === 0 ? '...' : page}
-              </span>
-            </button>
-          </a>
-        ))}
-      </div>
-      <ConditionalLink
-        href={`#page${currentPage + 1}`}
-        onClick={() => setPageNumber(currentPage + 1)}
-        condition={nextPage}
-      >
-        <button
-          disabled={!nextPage}
-          className="hidden md:flex items-center gap-2 px-6 py-3 font-sans text-xs font-bold text-center text-gray-900 uppercase align-middle transition-all rounded-lg select-none hover:bg-darkPurple/10 active:bg-darkPurple/20 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
-          type="button"
-        >
-          Next
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            strokeWidth="2"
-            stroke="currentColor"
-            aria-hidden="true"
-            className="w-4 h-4"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
-            />
-          </svg>
-        </button>
-      </ConditionalLink>
-    </div>
-  );
-}
-
-function ConditionalLink({children, condition, onClick, ...props}) {
-  return condition ? (
-    <a onClick={onClick} {...props}>
-      {children}
-    </a>
-  ) : (
-    <Fragment>{children}</Fragment>
-  );
-}
diff --git a/src/components/changelog/tag.tsx b/src/components/changelog/tag.tsx
deleted file mode 100644
index 5a61e692aab4c..0000000000000
--- a/src/components/changelog/tag.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-type TagProps = {
-  text: string;
-  active?: boolean;
-  pointer?: boolean;
-};
-
-export default function Tag({text, active, pointer}: TagProps) {
-  return (
-    <div
-      className={`py-1 px-3 uppercase shadow-sm no-underline rounded-full text-red text-xs mr-2 ${pointer ? 'cursor-pointer' : ''} ${active ? 'bg-gray-300' : 'bg-gray-100'}`}
-    >
-      {text.split(' ').join('-')}
-    </div>
-  );
-}
diff --git a/src/components/changelog/titleSlug.tsx b/src/components/changelog/titleSlug.tsx
deleted file mode 100644
index 4d0c1af12a07e..0000000000000
--- a/src/components/changelog/titleSlug.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-'use client';
-import {Fragment, useState} from 'react';
-
-import {Input} from './ui/Input';
-
-export function TitleSlug({defaultTitle = '', defaultSlug = ''}) {
-  const [slug, setSlug] = useState(defaultSlug);
-  const [edited, setEdited] = useState(false);
-
-  return (
-    <Fragment>
-      <div>
-        <Input
-          type="text"
-          label="Title"
-          name="title"
-          className="w-full mb-2"
-          required
-          defaultValue={defaultTitle}
-          onChange={e => {
-            if (!edited) {
-              setSlug(
-                `${e.target.value}`
-                  .toLowerCase()
-                  .replace(/ /g, '-')
-                  .replace(/[^a-z0-9-]/g, '')
-              );
-            }
-          }}
-        />
-      </div>
-      <div>
-        <Input
-          type="text"
-          label="Slug"
-          name="slug"
-          className="form-input w-full mb-2"
-          required
-          value={slug}
-          onChange={e => {
-            setSlug(e.target.value);
-            // edited will only be set if the user changes the slug in the input
-            setEdited(true);
-          }}
-        />
-      </div>
-    </Fragment>
-  );
-}
diff --git a/src/components/changelog/ui/Button/index.tsx b/src/components/changelog/ui/Button/index.tsx
deleted file mode 100644
index 5062f4a40c963..0000000000000
--- a/src/components/changelog/ui/Button/index.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import {AnchorHTMLAttributes, ButtonHTMLAttributes, forwardRef, Ref} from 'react';
-import Link, {LinkProps} from 'next/link';
-
-import styles from './styles.module.scss';
-
-type CommonProps = {
-  as?: 'button' | 'a';
-  size?: 'sm' | 'default' | 'md' | 'lg' | 'xl';
-  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'outline' | 'solid';
-};
-
-type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & CommonProps;
-type AnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & LinkProps & CommonProps;
-
-type Props = ButtonProps | AnchorProps;
-
-export const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, Props>(
-  ({as = 'button', variant = 'primary', size = 'default', className, ...props}, ref) => {
-    const variants = {
-      primary: `${styles.btn} text-white bg-indigo-600 hover:bg-indigo-700 disabled:bg-indigo-300`,
-      secondary: `${styles.btn} text-gray-700 border hover:border-indigo-600 disabled:border-indigo-300 disabled:text-gray-300`,
-      danger: 'text-white bg-red-600 hover:bg-red-700 disabled:bg-red-300',
-      ghost: `${styles.btn} focus:outline focus:outline-2 focus:outline-offset-2 hover:bg-gray-100 !outline-accent-purple`,
-      outline: [styles.btn, styles['outline-btn']].join(' '),
-      solid: [styles.btn, styles['solid-btn']].join(' '),
-    };
-
-    const sizes = {
-      sm: 'px-1.5 py-1.5 text-sm',
-      default: 'px-4 py-2 text-sm font-medium',
-      md: 'px-5 py-3',
-      lg: 'px-6 py-3.5',
-      xl: 'px-7 py-4',
-    };
-
-    if (as === 'a') {
-      return (
-        <Link
-          className={`${variants[variant]} ${
-            sizes[size]
-          } duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center  ${
-            className ?? ''
-          }`}
-          {...(props as AnchorProps)}
-          ref={ref as Ref<HTMLAnchorElement>}
-        />
-      );
-    }
-
-    return (
-      <button
-        className={`${variants[variant]} ${
-          sizes[size]
-        } duration-150 transition-all disabled:cursor-not-allowed inline-flex items-center ${
-          className ?? ''
-        }`}
-        {...(props as ButtonProps)}
-        ref={ref as Ref<HTMLButtonElement>}
-      />
-    );
-  }
-);
diff --git a/src/components/changelog/ui/Button/styles.module.scss b/src/components/changelog/ui/Button/styles.module.scss
deleted file mode 100644
index f2913e7ba6e29..0000000000000
--- a/src/components/changelog/ui/Button/styles.module.scss
+++ /dev/null
@@ -1,106 +0,0 @@
-.btn {
-  align-items: center;
-  border: 0.125rem solid transparent;
-  border-radius: 0.5rem;
-  box-sizing: border-box;
-  cursor: pointer;
-  gap: 0.25rem;
-  height: 2.5rem;
-  justify-content: center;
-  line-height: 1rem;
-  outline: 0;
-  padding: 0.75rem 1rem;
-  position: relative;
-  text-align: center;
-  text-rendering: optimizeLegibility;
-  text-transform: uppercase;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-decoration: none;
-
-  @apply text-primary;
-}
-
-.solid-btn {
-  background: linear-gradient(120deg,
-      #c83852,
-      #b44092 25%,
-      #6a5fc1 50%,
-      #452650 55%,
-      #452650);
-  background-position: 98% 0;
-  background-size: 250% 100%;
-  border-color: transparent;
-  border-radius: 0.5rem;
-  box-shadow: none;
-  outline: 0 solid #6a5fc1;
-  outline-offset: 0.125rem;
-  transition:
-    background-position 0.2s,
-    outline-width 0.2s;
-}
-
-.solid-btn:hover {
-  background-position: 2% 0;
-}
-
-.solid-btn:focus {
-  background: #6a5fc1;
-  outline-width: 0.125rem;
-}
-
-.outline-btn {
-  background: linear-gradient(120deg,
-      #fa7faa,
-      #ff9691 25%,
-      #ffb287 50%,
-      transparent 55%,
-      transparent);
-  background-clip: padding-box;
-  background-position: 98% 0;
-  background-size: 250% 100%;
-  border: none;
-  box-shadow: none;
-  box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  outline: 0 solid #fa7faa;
-  outline-offset: 0.125rem;
-  position: relative;
-  transition:
-    background-position 0.2s,
-    outline-width 0.2s;
-  z-index: 0;
-}
-
-.outline-btn:before {
-  background: linear-gradient(11deg, #c83852, #b44092 50%, #6a5fc1);
-  border-radius: 0.5rem;
-  content: '';
-  inset: 0;
-  -webkit-mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  mask:
-    linear-gradient(#fff 0 0) content-box,
-    linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  mask-composite: exclude;
-  padding: 0.125rem;
-  position: absolute;
-  transition: opacity 0.2s;
-  z-index: -1;
-}
-
-.outline-btn:hover {
-  background-position: 2% 0;
-}
-
-.outline-btn:hover:before {
-  opacity: 0;
-}
-
-.outline-btn:focus {
-  background: #ffa269;
-  outline-width: 0.125rem;
-}
diff --git a/src/components/changelog/ui/Input.tsx b/src/components/changelog/ui/Input.tsx
deleted file mode 100644
index 03e46994d8ccf..0000000000000
--- a/src/components/changelog/ui/Input.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import {forwardRef, Fragment} from 'react';
-
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  label: string;
-  name: string;
-}
-
-export const Input = forwardRef<HTMLInputElement, InputProps>(
-  ({label, name, type, className, required, ...props}, ref) => {
-    return (
-      <div className={className}>
-        <label htmlFor={name} className="block text-xs font-medium text-gray-700">
-          {label}
-          {required && (
-            <Fragment>
-              &nbsp;<span className="font-bold text-secondary">*</span>
-            </Fragment>
-          )}
-        </label>
-        <input
-          type={type}
-          id={name}
-          name={name}
-          required={required}
-          className={`form-input mt-1 border-gray-200 shadow-sm sm:text-sm ${className}`}
-          {...props}
-          ref={ref}
-        />
-      </div>
-    );
-  }
-);
diff --git a/src/components/changelog/ui/Select.tsx b/src/components/changelog/ui/Select.tsx
deleted file mode 100644
index c83f036241a78..0000000000000
--- a/src/components/changelog/ui/Select.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-'use client';
-import {Fragment} from 'react';
-import {GroupBase, Props} from 'react-select';
-import CreatableSelect from 'react-select/creatable';
-
-export function Select<
-  Option,
-  IsMulti extends boolean = false,
-  Group extends GroupBase<Option> = GroupBase<Option>,
->(props: Props<Option, IsMulti, Group> & {label: string}) {
-  return (
-    <Fragment>
-      <label
-        htmlFor={props.id ?? props.name}
-        className="block text-xs font-medium text-gray-700"
-      >
-        {props.label}
-        {props.required && (
-          <Fragment>
-            &nbsp;<span className="font-bold text-secondary">*</span>
-          </Fragment>
-        )}
-      </label>
-      <CreatableSelect id={props.id ?? props.name} {...props} />
-    </Fragment>
-  );
-}
diff --git a/src/components/changelog/uploadImage.ts b/src/components/changelog/uploadImage.ts
deleted file mode 100644
index b2dedae20185e..0000000000000
--- a/src/components/changelog/uploadImage.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-'use client';
-
-export async function uploadImage(file: File) {
-  const result = await fetch(`/changelog/_admin/upload?file=${file.name}`);
-  const {response, options} = await result.json();
-  const {url, fields} = response;
-  const formData = new FormData();
-  Object.entries({...fields, file}).forEach(([key, value]) => {
-    formData.append(key, value as string | Blob);
-  });
-
-  await fetch(url, {
-    method: 'POST',
-    body: formData,
-  });
-  return {
-    url: `${url}${encodeURIComponent(options.destination)}`,
-    originalFilename: file.name,
-  };
-}
diff --git a/src/constants.ts b/src/constants.ts
deleted file mode 100644
index 39d34bbeda6d4..0000000000000
--- a/src/constants.ts
+++ /dev/null
@@ -1,352 +0,0 @@
-import {NavItemsProps} from './types/changelog';
-
-export const NAV_ITEMS: NavItemsProps[] = [
-  {
-    id: 'product',
-    title: 'Product',
-    type: 'button',
-    variant: 'ghost',
-    className: '',
-    children: [
-      {
-        id: 'platform',
-        title: 'Platform',
-        children: [
-          {
-            id: 'errorMonitoring',
-            title: 'Error Monitoring',
-            to: 'https://sentry.io/for/error-monitoring/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'sessionReplay',
-            title: 'Session Replay',
-            to: 'https://sentry.io/for/session-replay/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'performance',
-            title: 'Performance',
-            to: 'https://sentry.io/for/performance/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'profiling',
-            title: 'Profiling',
-            to: 'https://sentry.io/for/profiling/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'cronMonitoring',
-            title: 'Cron Monitoring',
-            to: 'https://sentry.io/for/cron-monitoring/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'codeCoverage',
-            title: 'Code Coverage',
-            to: 'https://sentry.io/for/code-coverage/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'integrations',
-            title: 'Integrations',
-            to: 'https://sentry.io/integrations/',
-            variant: 'ghost',
-            type: 'a',
-          },
-        ],
-      },
-      {
-        id: 'languages&Frameworks',
-        title: 'Languages & Frameworks',
-        children: [
-          {
-            id: 'javascript',
-            title: 'Javascript',
-            to: 'https://sentry.io/for/javascript/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'python',
-            title: 'Python',
-            to: 'https://sentry.io/for/python/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'ruby',
-            title: 'Ruby',
-            to: 'https://sentry.io/for/ruby/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'node',
-            title: 'Node',
-            to: 'https://sentry.io/for/node/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'go',
-            title: 'Go',
-            to: 'https://sentry.io/for/go/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'dotnet',
-            title: '.Net',
-            to: 'https://sentry.io/for/dot-net/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'ios',
-            title: 'ios',
-            to: 'https://sentry.io/for/cocoa/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'android',
-            title: 'android',
-            to: 'https://sentry.io/for/android/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'seeall',
-            title: 'See All',
-            to: 'https://sentry.io/platforms/',
-            variant: 'outline',
-            withArrowBtn: true,
-            type: 'a',
-          },
-        ],
-      },
-      {
-        id: 'whySentry',
-        title: 'Why Sentry?',
-        children: [
-          {
-            id: 'web',
-            title: 'Web',
-            to: 'https://sentry.io/for/full-stack/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'mobile',
-            title: 'Mobile',
-            to: 'https://sentry.io/for/mobile/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'native',
-            title: 'Native',
-            to: 'https://sentry.io/for/native/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'gaming',
-            title: 'Gaming',
-            to: 'https://sentry.io/for/gaming/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'internetOfThings',
-            title: 'Internet Of Things',
-            to: 'https://sentry.io/for/iot/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'data',
-            title: 'Data',
-            to: 'https://sentry.io/for/data/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'enterprise',
-            title: 'Enterprise',
-            to: 'https://sentry.io/for/enterprise/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'openSource',
-            title: 'Open Source',
-            to: 'https://sentry.io/for/open-source/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'security',
-            title: 'Security & Compliance',
-            to: 'https://sentry.io/security/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'customers',
-            title: 'Customers',
-            to: 'https://sentry.io/customers/',
-            variant: 'ghost',
-            type: 'a',
-          },
-        ],
-      },
-      {
-        id: 'features',
-        title: 'Features',
-        children: [
-          {
-            id: 'customQueries',
-            title: 'Custom Queries',
-            to: 'https://sentry.io/features/custom-queries/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'dashboards',
-            title: 'Dashboards',
-            to: 'https://sentry.io/features/dashboards/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'crossProjectIssues',
-            title: 'Cross-Project Issues',
-            to: 'https://sentry.io/features/cross-project-issues/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'distributedTracing',
-            title: 'Distributed Tracing',
-            to: 'https://sentry.io/features/distributed-tracing/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'stackTraces',
-            title: 'Stack Traces',
-            to: 'https://sentry.io/features/stacktrace/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'context',
-            title: 'Context',
-            to: 'https://sentry.io/features/context/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'breadcrumbs',
-            title: 'Breadcrumbs',
-            to: 'https://sentry.io/features/breadcrumbs/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'releases',
-            title: 'Releases',
-            to: 'https://sentry.io/features/releases/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'issueOwners',
-            title: 'Issue Owners',
-            to: 'https://sentry.io/features/owners/',
-            variant: 'ghost',
-            type: 'a',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    id: 'pricing',
-    title: 'Pricing',
-    type: 'a',
-    to: 'https://sentry.io/pricing',
-    variant: 'ghost',
-    className: '',
-  },
-  {
-    id: 'docs',
-    title: 'Docs',
-    type: 'a',
-    to: 'https://docs.sentry.io',
-    variant: 'ghost',
-    className: '',
-  },
-  {
-    id: 'blog',
-    title: 'Blog',
-    type: 'button',
-    variant: 'ghost',
-    className: '',
-    children: [
-      {
-        id: 'blogMenu',
-        title: '',
-        children: [
-          {
-            id: 'sentryBlog',
-            title: 'Sentry Blog',
-            to: 'https://blog.sentry.io/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'enggBlog',
-            title: 'Engineering Blog',
-            to: 'https://sentry.engineering/',
-            variant: 'ghost',
-            type: 'a',
-          },
-          {
-            id: 'changelog',
-            title: 'Changelog',
-            to: 'https://sentry.io/changelog/',
-            variant: 'ghost',
-            type: 'a',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    id: 'sandbox',
-    title: 'Sandbox',
-    type: 'a',
-    to: 'https://try.sentry-demo.com/demo/start/',
-    target: '_blank',
-    variant: 'ghost',
-    className: '',
-  },
-  {
-    id: 'siginIn',
-    title: 'Sign In',
-    type: 'a',
-    to: 'https://sentry.io/auth/login',
-    variant: 'ghost',
-    className: '',
-  },
-];
diff --git a/src/middleware.ts b/src/middleware.ts
index a1b577e01e844..a936bff5a885a 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -13,8 +13,7 @@ export const config = {
     // - _next/static (static files)
     // - _next/image (image optimization files)
     // - favicon.ico (favicon file)
-    // - changelog
-    '/((?!api|_next/static|_next/image|favicon.ico|changelog).*)',
+    '/((?!api|_next/static|_next/image|favicon.ico).*)',
   ],
 };