Блог с CMS на NextJS, React, Contentful и typescript. Блог с использованием SSR.
Создаем блог с CMS на 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 - Создаем отдельную страницу для статей.
Код:
Приятного просмотра! Буду бл
17 views
0
0
3 weeks ago 00:01:44 1
Смотри и зарабатывай реальные деньги без вложений ⚪ Заработок на мгновенных играх
3 weeks ago 00:01:54 1
МАГАЗИН АНТЕННА УССУРИЙСК
3 weeks ago 00:01:54 1
❗ КАК НАСТРОИТЬ ОБЫЧНУЮ АНТЕННУ ДЛЯ ТЕЛЕВИЗОРА
3 weeks ago 00:01:18 1
Дополнительный заработок в интернете инвестиции ❌ Временная подработка для женщин
3 weeks ago 00:01:54 1
❗ Купить дециметровую антенну для цифрового телевидения ❗ Какую комнатную антенну с усилителем выбр
3 weeks ago 00:00:42 1
Clip from Вкусные Салатики на стол
3 weeks ago 00:05:06 1
ГЛАВНЫЙ СЮЖЕТНЫЙ ГРЕХ, КОТОРЫЙ РАЗРУШИЛ ВСЁ | «Джокер: Безумие на двоих»
3 weeks ago 00:04:39 4
[Evolution Yeti] Мой вариант комфортной диеты для сушки (С нуля в Бодибилдинг #3)
3 weeks ago 00:00:06 35
учим совместные трюки с собаками
3 weeks ago 00:00:19 1
Современные студенты не хотят работать дворниками, хотя в советское время этого никто не чурался. На такую тему посетовал губерн
3 weeks ago 00:17:13 1
Лучший способ написать выводы (заключение) в курсовой работе и подвести итоги исследования
3 weeks ago 00:17:24 1
Обзор парфюма Boss The Cent For Her Le Parfum - женственный люксовый аромат с нишевой пирамидой
3 weeks ago 00:01:36 1
🔔 Личный бренд как его развить 💡 Личный бренд этапы
3 weeks ago 00:29:41 2
[Evolution Yeti] ПИТАНИЕ ДЛЯ РОСТА МЫШЦ (ГАЙД ПО НАУКЕ)
3 weeks ago 00:03:54 232
Сравнение Военной Мощи НАТО и БРИКС - Gravity |
3 weeks ago 00:03:49 1
Актуальные прически 2025 года 🔥 Что лучше, распущенные или собранные ? С фатой или без ?
3 weeks ago 00:08:57 63
Как убрать ЖИР с ЖИВОТА ?Влияние гормонов на снижение веса и кортизоловый живот
3 weeks ago 00:01:36 1
ЛИЧНЫЙ БРЕНД ПО МАТРИЦЕ СУДЬБЫ ❕ КАК ПОСТРОИТЬ ЛИЧНЫЙ БРЕНД С НУЛЯ
3 weeks ago 00:09:47 2
[GonzoJr] Все рофлы с прохождения Silent Hill 2 с Папичем #6
3 weeks ago 00:01:48 1
Наше незабываемое путешествие в Грейс Форум! Ереван
3 weeks ago 00:53:01 1
МИКВОЛ и ВОПРОСЫ ПОДПИСЧИКОВ - Garry’s mod, Доходы, Экзамены, Aлкoистории [МикрофонЗвук]
3 weeks ago 00:15:04 12
Швейный влог #12| Шью свитшот с декольте
3 weeks ago 00:01:14 1
Работа на дому в ломоносове
3 weeks ago 00:11:50 18
Laurent Mazzone Hard Leather: Когда CUOIUM и Black Afgano уже не те #электропарфюмер #маркинпарфюмрф