feat(title): add proper title to pages (#5143)

ovflowd · web-flow · commit c799aea196c0 · 2023-03-15T22:47:15.000+01:00
diff --git a/components/HtmlHead.tsx b/components/HtmlHead.tsx
@@ -11,12 +11,15 @@ const HtmlHead = ({ frontMatter }: HeaderProps) => {
   const siteConfig = useSiteConfig();
   const { route, basePath } = useRouter();
 
-  const pageTitle = frontMatter.title || siteConfig.title;
   const canonicalLink = `https://nodejs.org${route}`;
 
+  const pageTitle = frontMatter.title
+    ? `${frontMatter.title} | ${siteConfig.title}`
+    : siteConfig.title;
+
   return (
     <Head>
-      <title>{siteConfig.title}</title>
+      <title>{pageTitle}</title>
 
       <meta name="theme-color" content={siteConfig.accentColor}></meta>
 
diff --git a/pages/en/blog/index.md b/pages/en/blog/index.md
@@ -1,4 +1,5 @@
 ---
 layout: blog-index.hbs
+title: News
 paginate: blog
 ---
diff --git a/scripts/next-data/generatePreBuildFiles.mjs b/scripts/next-data/generatePreBuildFiles.mjs
@@ -20,7 +20,7 @@ const publicFeedPath = join(__dirname, '../../public/en/feed');
 const createBlogYearFile = year =>
   writeFile(
     join(blogPath, `year-${year}.md`),
-    `---\nlayout: blog-index.hbs\npaginate: blog\n---\n`
+    `---\nlayout: blog-index.hbs\ntitle: News from ${year}\npaginate: blog\n---\n`
   );
 
 export const generateBlogYearPages = cachedBlogData =>
