Remove landing page, open documentation directly (#100)

luandro · claude · web-flow · commit c6ac246706d6 · 2025-11-27T09:17:09.000-03:00
* feat: redirect root to first docs page, removing landing page Add redirect from root path (/) to the default documentation page, effectively skipping the landing page and opening directly to the first documentation page. Resolves #92 * fix: use Redirect component to skip landing page Replace landing page content with Redirect component from @docusaurus/router to properly redirect users to the first documentation page. The previous approach using plugin-client-redirects doesn't work for existing pages. This solution: - Replaces the landing page component with a simple redirect - Uses the same defaultDocsPage logic from customFields - Works immediately on page load without requiring build-time redirects Resolves #92 --------- Co-authored-by: Claude <noreply@anthropic.com>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,84 +1,11 @@
 import type { ReactNode } from "react";
-import clsx from "clsx";
-import Link from "@docusaurus/Link";
+import { Redirect } from "@docusaurus/router";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import Layout from "@theme/Layout";
-import HomepageFeatures from "../components/HomepageFeatures";
-import Heading from "@theme/Heading";
-import { translate } from "@docusaurus/Translate";
-import styles from "./index.module.css";
 
-function HomepageHeader() {
+export default function Home(): ReactNode {
   const { siteConfig } = useDocusaurusContext();
   const defaultDocsPage =
     (siteConfig.customFields?.defaultDocsPage as string) || "introduction";
 
-  return (
-    <header className={clsx("hero hero--primary", styles.heroBanner)}>
-      <div className="container">
-        <img src="img/comapeo_logo.png" alt="CoMapeo Logo" />
-        <Heading as="h1" className="hero__title">
-          {translate({
-            message: "Documentation",
-            description: "Site title",
-          })}
-        </Heading>
-        <p className="hero__subtitle">
-          {translate({
-            message: "Learn how to use the CoMapeo platform",
-            description: "Text for the tagline of the webpage",
-          })}
-        </p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--secondary button--lg"
-            to={`/docs/${defaultDocsPage}`}
-          >
-            {translate({
-              message: "Explore Documentation",
-              description: "Button text for documentation link",
-            })}
-          </Link>
-          <Link
-            className="button button--success button--lg"
-            href="https://wa.me/yourphonenumber"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            {/* <i className="fa fa-whatsapp" style={{marginRight: '8px'}}></i> */}
-            {translate({
-              message: "WhatsApp Assistant",
-              description: "Button text for WhatsApp support link",
-            })}
-          </Link>
-          <Link
-            className="button button--info button--lg"
-            href="https://t.me/yourusername"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            {/* <i className="fa fa-telegram" style={{marginRight: '8px'}}></i> */}
-            {translate({
-              message: "Telegram Assistant",
-              description: "Button text for Telegram support link",
-            })}
-          </Link>
-        </div>
-      </div>
-    </header>
-  );
-}
-export default function Home(): ReactNode {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <Layout
-      title={`${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    >
-      <HomepageHeader />
-      <main>
-        <HomepageFeatures />
-      </main>
-    </Layout>
-  );
+  return <Redirect to={`/docs/${defaultDocsPage}`} />;
 }
