From 79b465abe69f7b80c38439b5c479565369707099 Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Fri, 31 May 2024 21:11:48 +0900
Subject: [PATCH] feat: compose layout & page elements

---
 packages/react/src/App.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index 7201970..0681a7e 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -4,13 +4,20 @@ import {
   createRoutesFromElements,
   RouterProvider,
 } from "react-router-dom";
-import SideNav from "./SideNav";
+import MainLayout from "./MainLayout";
 import Home from "./Home";
+import DocsLayout from "./DocsLayout";
+import ErrorBoundary from "./ErrorHandler";
+
+import Introduction from "./docs/getting-started/introduction.mdx";
 
 const router = createBrowserRouter(
   createRoutesFromElements(
-    <Route path="/" element={<SideNav />}>
+    <Route path="/" element={<MainLayout />} errorElement={<ErrorBoundary />}>
       <Route index element={<Home />} />
+      <Route path="/docs" element={<DocsLayout />}>
+        <Route index element={<Introduction />} />
+      </Route>
     </Route>
   )
 );