diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
new file mode 100644
index 0000000..2cbe4f2
--- /dev/null
+++ b/app/components/Footer.tsx
@@ -0,0 +1,3 @@
+export default function Footer() {
+ return Footer
+}
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
new file mode 100644
index 0000000..4bfacc8
--- /dev/null
+++ b/app/components/Header.tsx
@@ -0,0 +1,3 @@
+export default function Header() {
+ return Header
+}
diff --git a/app/components/MainWrapper.tsx b/app/components/MainWrapper.tsx
new file mode 100644
index 0000000..ecafb16
--- /dev/null
+++ b/app/components/MainWrapper.tsx
@@ -0,0 +1,11 @@
+export default function MainWrapper({
+ children,
+}: Readonly<{
+ children: React.ReactNode
+}>) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx
new file mode 100644
index 0000000..ea5d76d
--- /dev/null
+++ b/app/components/Sidebar.tsx
@@ -0,0 +1,5 @@
+export default function Sidebar() {
+ return (
+ Sidebar
+ )
+}
diff --git a/app/globals.css b/app/globals.css
index 37d72f8..82c14fe 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -19,6 +19,10 @@
}
}
+* {
+ border: 1px solid purple;
+}
+
body {
background: var(--background);
color: var(--foreground);
diff --git a/app/layout.tsx b/app/layout.tsx
index aa50d9a..d02129b 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,9 @@
import type { Metadata } from 'next'
import { Geist, Geist_Mono } from 'next/font/google'
+import Footer from './components/Footer'
+import Header from './components/Header'
+import MainWrapper from './components/MainWrapper'
+import Sidebar from './components/Sidebar'
import './globals.css'
const geistSans = Geist({
@@ -24,7 +28,14 @@ export default function RootLayout({
}>) {
return (
- {children}
+
+
+
+ {children}
+
+
+
+
)
}
diff --git a/package.json b/package.json
index 621bd3c..214cc76 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
"type-check": "tsc --noEmit",
"check": "npm run lint && npm run format:check && npm run type-check && npm run build",
"prepare": "husky",
- "format:check": "prettier --check ."
+ "format:check": "prettier --check .",
+ "format": "prettier --write ."
},
"dependencies": {
"next": "16.2.7",