Next.js 13 App Router #7 - Работа с GraphQL

Опубликовано: 29 Сентябрь 2024
на канале: easydev

3,217

123

#nextjs13 #graphqlapi #graphql #typescript

00:00 Установка WordPress
04:46 Установка плагина WPGraphQL
06:06 GraphiQL IDE
07:12 Запрос списка постов
12:08 GraphQL schema introspection
14:32 Установка Next.js
15:54 Установка graphql-request
18:13 GraphQL Code Generator
24:06 Запрашиваем список постов
28:12 Подключаем shadcn/ui
42:49 Компонент отдельного поста
01:06:26 Добавляем метаданные
01:10:31 Проблема дублирования запроса
01:12:21 Кэширование в Next.js
01:18:09 Data Cache
01:20:32 Ревалидация кэша
01:24:08 SSG для страниц постов

Repo: https://github.com/easydevgit/next-13...

Ссылки из ролика:
https://www.npmjs.com/package/graphql...
https://the-guild.dev/graphql/codegen
https://nextjs.org/docs/app/building-...