Next.js－meta 標籤

9月 9 2022 Next

雖然目前還不常用到它，不過還是瞭解一下比較好。

簡述

既然都用 next 了，那麼 meta 標籤就變成是蠻重要的一個部分。這邊可以透過 next 內建的 <Head> 來處理：

import Head from 'next/head'

export default function about() {
  return (
    <>
      <Head>
        <title>PeaNu | About</title>
      </Head>
      <div>
        <h1>About</h1>
        <p>...</p>
    </>
  )
}

這樣子當我在 /about 這個頁面時就會出現 <title>。

Next.js－meta 標籤

簡述

Your browser is out-of-date!