diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index dd2ad7c..2418f36 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,15 +1,24 @@
 import { AppProps } from "next/app";
+import type { NextPage } from "next";
 import { Page } from "../layouts/page";
 import "../styles/globals.css";
 import { ThemeProvider } from "../styles/theme";
 import { useScrollToOpenCollapse } from "../hooks/use-scroll-to-open-collapse";
 
-const MyApp = ({ Component, pageProps }: AppProps) => {
+type SumeDocsPage = NextPage & {
+  hideSidebar?: boolean;
+};
+
+type SumeDocsAppProps = AppProps & {
+  Component: SumeDocsPage;
+};
+
+const MyApp = ({ Component, pageProps }: SumeDocsAppProps) => {
   useScrollToOpenCollapse();
 
   return (
     <ThemeProvider>
-      <Page>
+      <Page hideSidebar={Component.hideSidebar}>
         <Component {...pageProps} />
       </Page>
     </ThemeProvider>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 614509f..fbe307d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,11 +1,15 @@
 import { NextPage } from "next";
 import { Card, CardGrid } from "@/components/card";
 
+type DocsHomePage = NextPage & {
+  hideSidebar?: boolean;
+};
+
 export const Background = () => (
   <div className="pointer-events-none fixed inset-0 -z-10 bg-muted-app" />
 );
 
-const Home: NextPage = () => {
+const Home: DocsHomePage = () => {
   return (
     <div className="z-10 mx-auto max-w-5xl">
       <div className="mb-12">
@@ -76,4 +80,6 @@ const Home: NextPage = () => {
   );
 };
 
+Home.hideSidebar = true;
+
 export default Home;