capytan · capytan · Mar 15, 2025 · Mar 15, 2025 · Mar 15, 2025 · Mar 15, 2025
diff --git a/.env.example b/.env.example
diff --git a/app/components/providers.tsx b/app/components/providers.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import { ThemeProvider } from 'next-themes'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem
+      disableTransitionOnChange
+    >
+      {children}
+    </ThemeProvider>
+  )
+} 
diff --git a/app/components/ui/profile.tsx b/app/components/ui/profile.tsx
@@ -8,10 +8,10 @@ export const Profile = () => {
         <Image
           src={siteConfig.profile.image}
           alt={siteConfig.profile.name}
-          width={128}
-          height={128}
-          className="object-cover"
+          width={120}
+          height={120}
           priority
+          className="rounded-full object-cover"
         />
       </div>
       <div className="text-center">

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,53 +1,127 @@
-'use client'
-
-import { Analytics } from '@vercel/analytics/react'
-import { ThemeProvider } from 'next-themes'
 import { siteConfig } from '@/config/site'
+import { Inter } from 'next/font/google'
+import { Metadata, Viewport } from 'next'
+import { Providers } from './components/providers'
 import './globals.css'
 
+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+  preload: true,
+  adjustFontFallback: true,
+  fallback: [
+    '-apple-system',
+    'BlinkMacSystemFont',
+    'Segoe UI',
+    'Roboto',
+    'Helvetica Neue',
+    'Arial',
+    'sans-serif',
+  ],
+})
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  viewportFit: 'cover',
+  minimumScale: 1,
+  userScalable: true,
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: '#ffffff' },
+    { media: '(prefers-color-scheme: dark)', color: '#000000' },
+  ],
+  colorScheme: 'dark light',
+}
+
+export const metadata: Metadata = {
+  title: siteConfig.title,
+  description: siteConfig.description,
+  metadataBase: new URL(siteConfig.url),
+  alternates: {
+    canonical: '/',
+  },
+  applicationName: siteConfig.name,
+  authors: [{ name: 'capytan', url: siteConfig.url }],
+  generator: 'Next.js',
+  keywords: ['capytan', 'portfolio', 'links'],
+  referrer: 'origin-when-cross-origin',
+  openGraph: {
+    title: siteConfig.title,
+    description: siteConfig.description,
+    url: siteConfig.url,
+    siteName: siteConfig.name,
+    images: [
+      {
+        url: siteConfig.ogImage,
+        width: 1200,
+        height: 630,
+        alt: siteConfig.title,
+      },
+    ],
+    locale: 'ja_JP',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: siteConfig.title,
+    description: siteConfig.description,
+    images: [siteConfig.ogImage],
+    creator: '@capytan',
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+      'max-video-preview': -1,
+    },
+  },
+  manifest: '/manifest.json',
+  icons: {
+    icon: [
+      { url: '/favicon.ico', sizes: 'any' },
+      { url: '/icon.svg', type: 'image/svg+xml', sizes: 'any' },
+    ],
+    apple: [
+      { url: '/apple-touch-icon.png', sizes: '180x180', type: 'image/png' },
+    ],
+    shortcut: [{ url: '/favicon.ico' }],
+  },
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: 'default',
+    title: siteConfig.title,
+  },
+  formatDetection: {
+    telephone: false,
+    date: false,
+    address: false,
+    email: false,
+    url: false,
+  },
+}
+
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode
 }) {
   return (
-    <html lang="ja" suppressHydrationWarning>
-      <head>
-        <title>{siteConfig.title}</title>
-        <meta name="description" content={siteConfig.description} />
-        <link rel="icon" href="/favicon.ico" sizes="any" />
-        <link
-          rel="icon"
-          href="/icon.svg"
-          type="image/svg+xml"
-          sizes="any"
-        />
-        <link
-          rel="apple-touch-icon"
-          href="/apple-touch-icon.png"
-        />
-        <meta property="og:title" content={siteConfig.title} />
-        <meta property="og:description" content={siteConfig.description} />
-        <meta property="og:url" content={siteConfig.url} />
-        <meta property="og:site_name" content={siteConfig.name} />
-        <meta property="og:image" content={siteConfig.ogImage} />
-        <meta property="og:type" content="website" />
-        <meta property="og:locale" content="ja_JP" />
-        <meta name="twitter:card" content="summary_large_image" />
-        <meta name="twitter:title" content={siteConfig.title} />
-        <meta name="twitter:description" content={siteConfig.description} />
-        <meta name="twitter:image" content={siteConfig.ogImage} />
-      </head>
-      <body>
-        <ThemeProvider
-          attribute="class"
-          defaultTheme="system"
-          enableSystem
-          disableTransitionOnChange
-        >
-          {children}
-          <Analytics />
-        </ThemeProvider>
+    <html
+      lang="ja"
+      suppressHydrationWarning
+      className={inter.className}
+      dir="ltr"
+    >
+      <body className="min-h-screen bg-background antialiased selection:bg-primary-light selection:text-primary-dark dark:selection:bg-primary-dark dark:selection:text-primary-light">
+        <Providers>
+          <main className="relative flex min-h-screen flex-col">
+            {children}
+          </main>
+        </Providers>
       </body>
     </html>
   )

diff --git a/config/site.ts b/config/site.ts
@@ -14,7 +14,4 @@ export const siteConfig = {
     github: "https://github.com/capytan",
     blog: "https://blog.capytan.net",
   },
-  analytics: {
-    googleAnalyticsId: process.env.NEXT_PUBLIC_GA_ID,
-  },
 } 
diff --git a/next.config.js b/next.config.js
@@ -1,15 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  output: 'export',
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: 'https',
         hostname: '**',
       },
     ],
-    unoptimized: true,
   },
-  output: 'export',
 }
 
 module.exports = nextConfig