Приложение на NextJS, React, Contentful и typescript. Блог с использованием SSR.

112 Просмотры
Издатель
Создаем реальное приложение на React, NextJS и typescript. Блог с контентом в Contentful CSM и SSR/SSG отрисовку на стороне приложения. Разбираемся в основах Nextjs: routing, getStaticProps, getServerSideProps. Настраиваем Contentful Headless CMS. Используем typescript и генерацию типов исходя из контента.

Таймкоды:

00:00 - Вступление. Обзор работы приложения.
02:13 - Создаем Nextjs приложение.
05:16 - Роутинг в Nextjs. Пререндеринг страниц getStaticProps vs getServerSideProps.
11:59 - Создание профиля и настройка Contentful CMS. Создание content-type.
14:51 - Связываем приложение с CMS. Получаем и выводим данные.
20:55 - Генерируем typescript типы из Contentful.
25:14 - Обрисовывает главную страницу. Загружаем изображение в CMS.
31:22 - Создаем контент тайны и статьи блога в CMS.
34:04 - Выводим статьи на главную страницу.
41:08 - Создаем отдельную страницу для статей.

Код: https://github.com/maks1mp/nextjs-contentful-typescript

Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка)

✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
https://www.youtube.com/channel/UCOxq...

✔️Мой телеграм канал: https://t.me/joinchat/RVq-cmt6n1SJRS7Z

#nextjs #headlesscms #reactssr #reactapp #wisejs #typescript
Категория
Разработка Приложений
Комментариев нет.