app/head.tsx
from Special Files
https://beta.nextjs.org/docs/api-reference/file-conventions/head
https://beta.nextjs.org/docs/routing/pages-and-layouts#modifying-head
next/headの代替
metaタグなどの<head>の中身を書く
viewportに対する記述を自分で書かないといけなくなった
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
これはapp/head.tsxみたいなルート的なやつはないのか?
定義忘れると<head>内が無になる #??
code:ts
async function getPost(slug) {
const res = await fetch('...');
return res.json();
}
export default async function Head({ params }) {
const post = await getPost(params.slug);
return (
<>
<title>{post.title}</title>
</>
)
}
<></>で囲う
<head>で囲んでいはいけない