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 (
+ <>
+
+
+
+
+ );
+}