From 29e7c50a95f2b14a7f0edc6cafb0e5ea83e2b51c Mon Sep 17 00:00:00 2001 From: Alper Date: Sat, 20 Jun 2026 14:34:47 +0300 Subject: [PATCH 1/2] Add shared website layout --- app/components/Footer.tsx | 3 +++ app/components/Header.tsx | 3 +++ app/components/MainWrapper.tsx | 11 +++++++++++ app/components/Sidebar.tsx | 5 +++++ app/globals.css | 4 ++++ app/layout.tsx | 13 ++++++++++++- 6 files changed, 38 insertions(+), 1 deletion(-) create mode 100644 app/components/Footer.tsx create mode 100644 app/components/Header.tsx create mode 100644 app/components/MainWrapper.tsx create mode 100644 app/components/Sidebar.tsx 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} + +
+
+ ) } From 8ff9975753574ab63565236215c61b02534c630a Mon Sep 17 00:00:00 2001 From: Alper Date: Sat, 20 Jun 2026 14:35:04 +0300 Subject: [PATCH 2/2] Add Prettier format script --- package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) 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",