This commit updates the site metadata and styling in the `app/layout.tsx` file: - Changes the title to "AderKI Blog" and the description to "Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store." - Adds keywords, authors, and Open Graph metadata for better SEO and social sharing. - Changes the default body styles to use a black background and white text with a sans-serif font. In the `app/page.tsx` file, the changes include: - Removes the default Next.js homepage content and replaces it with a simple header section. - The header includes the site title "AderKI" and a brief description of the store. - The main content area is left empty, as it will be filled with blog post components in a future commit. These changes aim to set the foundation for the AderKI Blog, providing a more personalized and focused experience for the users.
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'AderKI Blog',
|
|
description: 'Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store.',
|
|
keywords: ['AderKI', 'hoodies', 'comics', 'books', 'store', 'blog'],
|
|
authors: [{ name: 'AderKI' }],
|
|
openGraph: {
|
|
title: 'AderKI Blog',
|
|
description: 'Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store.',
|
|
url: 'https://aderk.tech/',
|
|
images: [
|
|
{
|
|
url: '/images/logo.png', // Path to your Open Graph image
|
|
width: 800,
|
|
height: 600,
|
|
alt: 'AderKI Blog Logo',
|
|
},
|
|
],
|
|
siteName: 'AderKI Blog',
|
|
},
|
|
icons: {
|
|
icon: '/images/favicon.ico', // Path to your favicon
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body
|
|
className={`bg-black text-white font-sans`}
|
|
>
|
|
{children}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|