✨ 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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user