Куки на странице в NextJS

Функция cookies доступна не только в route.js. Серверный компонент страницы тоже может быть асинхронным: мы дождемся хранилища и возьмем из него нужную куку перед сборкой разметки. Так на экране появится персональное приветствие без отдельного API маршрута.

Допустим, имя посетителя лежит в куке visitor. Давайте откроем page.jsx и выведем это имя в абзаце:

import { cookies } from 'next/headers';

export default async function WelcomePage() {
	let cookieStore = await cookies();
	let visitorCookie = cookieStore.get('visitor');
	let name = visitorCookie ? visitorCookie.value : 'Guest';
	
	return <p>Hello, {name}</p>;
}

Покажите на странице приветствие с именем из куки visitor или слово Guest, если куки нет.

Добавьте второй абзац с текстом о том, что настройки сохранены в браузере, если кука visitor найдена.