"},{"type":"text","text":" в Next.js формируется "},{"type":"text","marks":[{"type":"bold"}],"text":"пошагово"},{"type":"text","text":", по иерархии layout’ов и страницы, сверху вниз."},{"type":"hardBreak"},{"type":"text","text":"Фреймворк "},{"type":"text","marks":[{"type":"bold"}],"text":"Next.js"},{"type":"text","text":" собирает все определения "},{"type":"text","marks":[{"type":"code"}],"text":"title"},{"type":"text","text":" и на их основе вычисляет "},{"type":"text","marks":[{"type":"bold"}],"text":"одно финальное значение"},{"type":"text","text":", которое попадёт в "},{"type":"text","marks":[{"type":"code"}],"text":"<head>"},{"type":"text","text":"."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Проще говоря:"}]},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<title>"},{"type":"text","text":" — это результат объединения Root Layout → вложенных layout’ов → страницы."}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Основной принцип"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Сначала учитывается "},{"type":"text","marks":[{"type":"code"}],"text":"title"},{"type":"text","text":" из "},{"type":"text","marks":[{"type":"bold"}],"text":"Root Layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Затем — из "},{"type":"text","marks":[{"type":"bold"}],"text":"вложенных layout’ов"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"В конце — из "},{"type":"text","marks":[{"type":"bold"}],"text":"страницы"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если есть шаблон ("},{"type":"text","marks":[{"type":"code"}],"text":"template"},{"type":"text","text":"), он применяется на последнем шаге"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Чем ниже файл в структуре маршрута — тем "},{"type":"text","marks":[{"type":"bold"}],"text":"выше приоритет"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Простейший случай"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/page.tsx\nexport const metadata = {\n title: 'Главная'\n}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Результат:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"<title>Главная

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Итоговый "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" в Next.js формируется "},{"type":"text","marks":[{"type":"bold"}],"text":"пошагово"},{"type":"text","text":", по иерархии layout’ов и страницы, сверху вниз."},{"type":"hardBreak"},{"type":"text","text":"Фреймворк "},{"type":"text","marks":[{"type":"bold"}],"text":"Next.js"},{"type":"text","text":" собирает все определения "},{"type":"text","marks":[{"type":"code"}],"text":"title"},{"type":"text","text":" и на их основе вычисляет "},{"type":"text","marks":[{"type":"bold"}],"text":"одно финальное значение"},{"type":"text","text":", которое попадёт в "},{"type":"text","marks":[{"type":"code"}],"text":"<head>"},{"type":"text","text":"."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Проще говоря:"}]},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<title>"},{"type":"text","text":" — это результат объединения Root Layout → вложенных layout’ов → страницы."}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Основной принцип"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Сначала учитывается "},{"type":"text","marks":[{"type":"code"}],"text":"title"},{"type":"text","text":" из "},{"type":"text","marks":[{"type":"bold"}],"text":"Root Layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Затем — из "},{"type":"text","marks":[{"type":"bold"}],"text":"вложенных layout’ов"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"В конце — из "},{"type":"text","marks":[{"type":"bold"}],"text":"страницы"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если есть шаблон ("},{"type":"text","marks":[{"type":"code"}],"text":"template"},{"type":"text","text":"), он применяется на последнем шаге"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Чем ниже файл в структуре маршрута — тем "},{"type":"text","marks":[{"type":"bold"}],"text":"выше приоритет"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Простейший случай"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/page.tsx\nexport const metadata = {\n title: 'Главная'\n}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Результат:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"<title>Главная\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Без шаблонов и наследования."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Title с шаблоном в layout"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/layout.tsx\nexport const metadata = {\n title: {\n template: '%s | My Site',\n default: 'My Site'\n }\n}\n"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/blog/page.tsx\nexport const metadata = {\n title: 'Блог'\n}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Результат:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"Блог | My Site\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Здесь:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"'Блог'"},{"type":"text","text":" → "},{"type":"text","marks":[{"type":"code"}],"text":"%s"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"'My Site'"},{"type":"text","text":" → из шаблона layout’а"}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Если страница не задала title"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/layout.tsx\nexport const metadata = {\n title: {\n template: '%s | My Site',\n default: 'My Site'\n }\n}\n"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/blog/page.tsx\nexport const metadata = {}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Результат:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"My Site\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Используется "},{"type":"text","marks":[{"type":"code"}],"text":"default"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Несколько вложенных layout’ов"}]},{"type":"codeBlock","attrs":{"language":"txt"},"content":[{"type":"text","text":"app/\n ├─ layout.tsx\n └─ dashboard/\n ├─ layout.tsx\n └─ page.tsx\n"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/layout.tsx\nexport const metadata = {\n title: {\n template: '%s | My Site',\n default: 'My Site'\n }\n}\n"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/dashboard/layout.tsx\nexport const metadata = {\n title: 'Dashboard'\n}\n"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"// app/dashboard/page.tsx\nexport const metadata = {\n title: 'Settings'\n}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Результат:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"Settings | My Site\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Почему так:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"страница задаёт конкретный title"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"layout задаёт контекст"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Root Layout применяет шаблон"}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Dynamic metadata и title"}]},{"type":"codeBlock","attrs":{"language":"ts"},"content":[{"type":"text","text":"export async function generateMetadata({ params }) {\n return {\n title: `Пост: ${params.slug}`\n }\n}\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если выше есть шаблон, результат будет, например:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"Пост: nextjs | My Site\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Dynamic и static metadata участвуют в формировании "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" "},{"type":"text","marks":[{"type":"bold"}],"text":"одинаково"},{"type":"text","text":" — разницы в логике нет."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":2},"content":[{"type":"text","text":"Ключевые правила"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<title>"},{"type":"text","text":" всегда один"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"приоритет: "},{"type":"text","marks":[{"type":"bold"}],"text":"page → layout → root layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"template"},{"type":"text","text":" применяется в самом конце"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"default"},{"type":"text","text":" используется, если ниже title не задан"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Next.js сам следит за порядком и дубликатами"}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"Коротко"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Итоговый "},{"type":"text","marks":[{"type":"code"}],"text":"<title>"},{"type":"text","text":" — это:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"результат наследования метаданных"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"с учётом шаблонов"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"собранный по структуре маршрута"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"без ручного управления "},{"type":"text","marks":[{"type":"code"}],"text":"<head>"}]}]}]},{"type":"paragraph","attrs":{"textAlign":null}}]}</article></body></html>

Как формируется итоговый <title>?

Комментарии