feat: add blogName to metadata generation across various pages and implement ScrollToTop component

Author: get6

app/[locale]/about/page.tsx

@@ -21,6 +21,7 @@ export async function generateMetadata({
     description: dictionary.about.pageDescription,
     url: `/${locale}/about`,
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 

app/[locale]/books/[slug]/page.tsx

@@ -49,12 +49,14 @@ export const generateMetadata = async ({
 
   if (!book) throw new Error(`Book not found for slug: ${slug}`)
 
+  const dictionary = await getDictionary(locale)
   return createMetadata({
     title: book.title,
     description: sliceDesc(book.summary, 160),
     image: book.cover_url,
     url: localePath(`/books/${book.slug}`, locale),
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 

app/[locale]/books/page.tsx

@@ -23,6 +23,7 @@ export async function generateMetadata({
     description: dictionary.books.pageDescription,
     url: `/${locale}/books`,
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 

app/[locale]/page.tsx

@@ -24,6 +24,7 @@ export async function generateMetadata({
     description: dictionary.meta.blogDescription,
     url: `/${locale}`,
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 

app/[locale]/posts/[slug]/page.tsx

@@ -7,6 +7,7 @@ import GitHubGiscus from '@/app/ui/GitHubGiscus'
 import Line from '@/app/ui/Line'
 import MobileToc from '@/app/ui/MobileToc'
 import ScrollProgress from '@/app/ui/ScrollProgress'
+import ScrollToTop from '@/app/ui/ScrollToTop'
 import { BlogPostStructuredData } from '@/app/ui/StructuredData'
 import ToastPostal from '@/app/ui/ToastPostal'
 import Toc from '@/app/ui/Toc'
@@ -42,7 +43,11 @@ export const generateMetadata = async ({
   const dictionary = await getDictionary(locale)
 
   if (!post) {
-    return createMetadata({ title: dictionary.posts.notFound, locale })
+    return createMetadata({
+      title: dictionary.posts.notFound,
+      locale,
+      blogName: dictionary.meta.blogName,
+    })
   }
 
   return createMetadata({
@@ -55,6 +60,7 @@ export const generateMetadata = async ({
     modifiedTime: post.date,
     tags: post.tags,
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 
@@ -72,15 +78,18 @@ export default async function LocalePost({
   if (!post) throw new Error(`Post not found for slug: ${slug}`)
 
   const availableTranslations = getPostTranslations(slug, locale)
-  const koPosts = getPostsByLocale('ko')
-  const otherPosts = koPosts
+  const localePosts = getPostsByLocale(locale)
+  const otherPosts = (
+    localePosts.length > 0 ? localePosts : getPostsByLocale('ko')
+  )
     .filter((other) => other.slug !== slug && other.date < post.date)
     .slice(0, 3)
 
   const { date, title, body, tags, toc } = post
 
   return (
     <div className="min-w-0 overflow-x-clip">
+      <ScrollToTop />
       <BlogPostStructuredData
         title={title}
         description={post.summary}

app/[locale]/tags/page.tsx

@@ -22,6 +22,7 @@ export async function generateMetadata({
     description: dictionary.tags.pageDescription,
     url: `/${locale}/tags`,
     locale,
+    blogName: dictionary.meta.blogName,
   })
 }
 

app/lib/metadata.ts

@@ -18,6 +18,7 @@ interface GenerateMetadataProps {
   tags?: string[]
   author?: string
   locale?: string
+  blogName?: string
 }
 
 /** Build hreflang alternates for a given path (without locale prefix) */
@@ -59,8 +60,10 @@ export function generateMetadata({
   tags,
   author = blog_name,
   locale = 'ko',
+  blogName,
 }: GenerateMetadataProps): Metadata {
-  const fullTitle = title ? `${title} - ${blog_name}` : blog_title
+  const siteName = blogName ?? blog_name
+  const fullTitle = title ? `${title} - ${siteName}` : blog_title
   const fullUrl = `${BASE_URL}${url}`
   const fullImageUrl = image.startsWith('http') ? image : `${BASE_URL}${image}`
   const ogLocale = ogLocaleMap[locale] ?? 'ko_KR'

app/posts/[slug]/page.tsx

@@ -7,6 +7,7 @@ import GitHubGiscus from '@/app/ui/GitHubGiscus'
 import Line from '@/app/ui/Line'
 import MobileToc from '@/app/ui/MobileToc'
 import ScrollProgress from '@/app/ui/ScrollProgress'
+import ScrollToTop from '@/app/ui/ScrollToTop'
 import { BlogPostStructuredData } from '@/app/ui/StructuredData'
 import ToastPostal from '@/app/ui/ToastPostal'
 import Toc from '@/app/ui/Toc'
@@ -71,6 +72,7 @@ export default async function Post({
 
   return (
     <div className="min-w-0 overflow-x-clip">
+      <ScrollToTop />
       <BlogPostStructuredData
         title={title}
         description={post.summary}

app/ui/ScrollToTop.tsx

@@ -0,0 +1,11 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export default function ScrollToTop() {
+  useEffect(() => {
+    window.scrollTo({ top: 0, behavior: 'instant' })
+  }, [])
+
+  return null
+}

app/ui/home/AnotherPost.tsx

@@ -1,6 +1,5 @@
 'use client'
 
-import { localePath } from '@/app/i18n/config'
 import { useDictionary } from '@/app/i18n/use-dictionary'
 import PostDate from '@/app/ui/home/post/PostDate'
 import { Post } from 'contentlayer/generated'
@@ -11,7 +10,7 @@ export default function AnotherPost({ post }: { post: Post }) {
   const { locale } = useDictionary()
   const { push } = useRouter()
   const { title, date, body, cover_image } = post
-  const localeUrl = localePath(post.url, locale)
+  const localeUrl = post.url
 
   return (
     <div