From f26b941dfa14f272f5b1531aa8d73e779f96020a Mon Sep 17 00:00:00 2001 From: Chneemann Date: Wed, 22 Jul 2026 06:00:11 +0200 Subject: [PATCH] feat: add dedicated Background component for tech grid --- next.config.ts | 11 +++++++---- src/app/layout.tsx | 11 +++++++---- src/app/page.tsx | 4 ++-- src/components/Background.tsx | 19 +++++++++++++++++++ 4 files changed, 35 insertions(+), 10 deletions(-) create mode 100644 src/components/Background.tsx diff --git a/next.config.ts b/next.config.ts index e9ffa30..dab0b88 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,10 @@ -import type { NextConfig } from "next"; - -const nextConfig: NextConfig = { - /* config options here */ +/** @type {import('next').NextConfig} */ +const nextConfig = { + output: "export", + trailingSlash: true, + images: { + unoptimized: true, + }, }; export default nextConfig; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d75a4b7..940ab44 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,10 +2,12 @@ import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import Header from "../components/Header"; +import Background from "@/components/Background"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], + display: "swap", }); const geistMono = Geist_Mono({ @@ -15,7 +17,7 @@ const geistMono = Geist_Mono({ export const metadata: Metadata = { title: "André Kempf | Portfolio", - description: "Mein persönliches Portfolio, gebaut mit Next.js", + description: "My personal portfolio, built with Next.js", }; export default function RootLayout({ @@ -26,11 +28,12 @@ export default function RootLayout({ return ( - + +
- {children} +
{children}
); diff --git a/src/app/page.tsx b/src/app/page.tsx index 96ff840..1a0be74 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,10 +4,10 @@ import Skills from "@/components/Skills"; export default function Home() { return ( -
+
-
+ ); } diff --git a/src/components/Background.tsx b/src/components/Background.tsx new file mode 100644 index 0000000..c1c27d5 --- /dev/null +++ b/src/components/Background.tsx @@ -0,0 +1,19 @@ +export default function Background() { + return ( + <> +
+ +
+ + ); +}