Static Metadata: статичні метадані сторінок · fullstack.org.ua

fullstack.org.ua

Static Metadata: статичні метадані сторінок · fullstack.org.ua

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Мій Next.js сайт",
  description: "Навчальний сайт, створений за допомогою Next.js",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="uk">
      <body>{children}</body>
    </html>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Мій сайт",
  description: "Головний опис сайту",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="uk">
      <body>{children}</body>
    </html>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Про нас",
  description: "Дізнайтеся більше про нашу команду",
};

export default function AboutPage() {
  return (
    <main>
      <h1>Про нас</h1>
      <p>Ми створюємо вебзастосунки за допомогою Next.js.</p>
    </main>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Мій застосунок",
  description: "Опис мого застосунку",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="uk">
      <body>{children}</body>
    </html>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Панель керування",
};

export default function DashboardLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return <section>{children}</section>;
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Звіти",
};

export default function ReportsPage() {
  return (
    <main>
      <h1>Звіти</h1>
    </main>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Каталог товарів",
  description: "Перегляньте доступні товари в нашому каталозі",
  keywords: ["товари", "каталог", "покупки"],
  authors: [{ name: "Команда магазину" }],
};

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: {
    default: "Мій сайт",
    template: "%s | Мій сайт",
  },
  description: "Опис мого сайту",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="uk">
      <body>{children}</body>
    </html>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Контакти",
};

export default function ContactsPage() {
  return (
    <main>
      <h1>Контакти</h1>
    </main>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: {
    default: "Моя компанія",
    template: "%s | Моя компанія",
  },
  description: "Офіційний сайт моєї компанії",
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="uk">
      <body>{children}</body>
    </html>
  );
}

tsx

export default function HomePage() {
  return (
    <main>
      <h1>Головна сторінка</h1>
      <p>Вітаємо на сайті нашої компанії.</p>
    </main>
  );
}

tsx

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Контакти",
  description: "Зв’яжіться з нашою компанією",
};

export default function ContactsPage() {
  return (
    <main>
      <h1>Контакти</h1>
      <p>Наша контактна інформація.</p>
    </main>
  );
}