diff --git a/src/components/docsearch-react.tsx b/src/components/docsearch-react.tsx
index 994d5887..f57f9f2c 100644
--- a/src/components/docsearch-react.tsx
+++ b/src/components/docsearch-react.tsx
@@ -4,9 +4,9 @@ import "@docsearch/css";
 export default function DocSearchReact() {
   return (
     <DocSearch
-      appId="RZU5DA6ADF"
+      appId={import.meta.env.PUBLIC_ALGOLIA_APP_ID}
       indices={["tkdodo"]}
-      apiKey="591cc4615be3e8ed13feb3abe602516d"
+      apiKey={import.meta.env.PUBLIC_ALGOLIA_API_KEY}
     />
   );
 }
diff --git a/src/env.d.ts b/src/env.d.ts
index 070ea2c8..60f81299 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -1,5 +1,14 @@
 /// <reference types="astro/client" />
 
+interface ImportMetaEnv {
+  readonly PUBLIC_ALGOLIA_APP_ID: string;
+  readonly PUBLIC_ALGOLIA_API_KEY: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
 declare namespace astroHTML.JSX {
   interface HTMLAttributes {
     value?: string;