feat: Update site metadata and styling

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.
This commit is contained in:
AderKonstantin
2025-03-01 07:10:28 +03:00
parent 326439fd41
commit 775942d71a
2 changed files with 60 additions and 99 deletions

View File

@@ -13,19 +13,34 @@ const geistMono = Geist_Mono({
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
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,
}: Readonly<{
children: React.ReactNode;
}>) {
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
className={`bg-black text-white font-sans`}
>
{children}
</body>