diff --git a/src/routes/api/+page.svelte b/src/routes/api/+page.svelte
index 2fc7b8e..fca6ed3 100644
--- a/src/routes/api/+page.svelte
+++ b/src/routes/api/+page.svelte
@@ -30,7 +30,7 @@
         <!-- Scalar API Reference iframe -->
         <div class="rounded-lg border border-gray-800 bg-gray-900 overflow-hidden">
             <iframe
-                src="https://cdn.jsdelivr.net/npm/@scalar/api-reference/dist/index.html?url=https://pypistats.dev/openapi.yaml"
+                src="/api-docs.html"
                 class="w-full h-[800px] border-0"
                 title="PyPI Stats API Documentation"
                 loading="lazy"
diff --git a/static/api-docs.html b/static/api-docs.html
new file mode 100644
index 0000000..02fd685
--- /dev/null
+++ b/static/api-docs.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+  <head>
+    <title>PyPI Stats API Reference</title>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1" />
+    <style>
+      body {
+        margin: 0;
+        padding: 0;
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      }
+      #app {
+        width: 100%;
+        height: 100vh;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="app"></div>
+
+    <!-- Load the Script -->
+    <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
+
+    <!-- Initialize the Scalar API Reference -->
+    <script>
+      Scalar.createApiReference('#app', {
+        // The URL of the OpenAPI/Swagger document
+        url: 'https://pypistats.dev/openapi.yaml',
+        // Avoid CORS issues
+        proxyUrl: 'https://proxy.scalar.com',
+      })
+    </script>
+  </body>
+</html>
