Merge pull request #22 from DeveloperBlog-Devflow/feature/layout

feat: Sidebar 레이아웃 적용

Author: DongEun02

app/(with-sidebar)/(home)/page.tsx

@@ -0,0 +1,9 @@
+// export default function Home() {
+//   return <div>home</div>;
+// }
+
+const Page = () => {
+  return <div>home</div>;
+};
+
+export default Page;

app/(with-sidebar)/layout.tsx

@@ -0,0 +1,14 @@
+import Sidebar from '@/components/common/Sidebar';
+
+export default function SidebarLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="flex">
+      <Sidebar />
+      <main className="bg-background flex-1">{children}</main>
+    </div>
+  );
+}

app/page.tsx

@@ -0,0 +1,5 @@
+const Sidebar = () => {
+  return <div className="w-48 bg-white"></div>;
+};
+
+export default Sidebar;