Курс по FSD доступен в сообществе 🙂
Исходники:
Волшебный файлик:
Мой telegram канал:
Продолжение серии на
Это третье видео в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. В этом видео мы:
- Сделаем систему управления контентом на основе git github yaml и json-schema
- Спроектируем модуль для загрузки парсинга и кэширования контента
- Научимся динамически рендерить MDX в приложении
Полный стек проекта:
React, app router, FSD архитектура, postgresql, prisma, zod, @tanstack/react-query, react-hook-form, tailwindcss, shadcn/ui, next-auth, jest , @testing-library/react, playwright
00:00:00 - 1.1 Архитектура решения
00:04:27 - 1.2 Как меня поддержать
00:05:25 - 1.3 Структура репозиториев
00:07:55 - 1.4 json-shema курсов
00:12:36 - 1.5 структура контентного репозитория
00:16:57 - 1.6 json-shema уроков
00:26:19 - 1.7 Как тестировать схему
00:35:57 - 1.8 генератор типов
00:44:17 - 1.9 генератор id
00:49:03 - Репозитории с контентом
00:55:37 - 2.1 Скачиваем схему в репозиторий
01:04:50 - 2.2 Рефакторинг courses-list
01:14:53 - 2.3 Загружаем yaml файлы
01:24:13 - 2.4 Парсим и валидируем yaml
01:36:20 - 2.5 Кешируем через react-query
01:47:48 - 2.6 Объединяем всё вместе
02:04:51 - 2.7 Включаем новые декораторы в next
02:11:09 - 2.8 Добавляем декоратор для логирования
02:30:59 - 2.9 Раздаём nginx локальный stagins-content
02:37:09 - 3 Настраиваем рендеринг mdx
1 view
2457
810
1 week ago 02:57:23 1
Мощная CMS на 14, yaml, json-schema, mdx и git
1 month ago 00:07:21 1K
Битрикс24 - это не просто CRM⚡
2 months ago 00:03:48 6
Как собрать базу подписчиков для интернет-магазина
2 months ago 00:05:49 5
Как интернет-магазину набрать отзывы клиентов
2 months ago 00:15:09 3
Какой движок для интернет-магазина выбрать? Самая мощная cms для интернет-магазина.
3 months ago 00:13:31 12
SP Page Builder — мощные всплывающие окна
3 months ago 00:10:25 11
Полный контроль над ошибками (404) на Joomla 5
3 months ago 00:08:50 1
МОЩНАЯ ЦЕРЕМОНИЯ🔥 Очищение тонкого ТЕЛА от болезней и негатива
3 months ago 00:27:27 2
Генерация лидов в ВК | Настройка таргетированной рекламы вконтакте
3 months ago 01:10:47 7
Настройка рекламы в Яндекс Директ на поиск
3 months ago 00:36:42 2
Подготовка к написанию объявлений в Яндекс Директ | Вариант группировки ключевых слов по ТОП-10
3 months ago 00:43:48 1
Лидогенерация | Настройка таргетированной рекламы в Facebook и Instagram
3 months ago 00:02:51 2
ТОП-1 в Google без сайта
3 months ago 00:17:21 2
Сбор семантического ядра для настройки рекламы в Яндекс Директ
3 months ago 00:15:03 2
Трафик за 15 минут — настройка рекламы в Facebook и Instagram
3 months ago 01:04:36 10
Настройка рекламы РСЯ и видеорекламы в Яндекс Директ
3 months ago 00:28:16 8
Оптимизация рекламных кампаний РСЯ и повышение эффективности Яндекс Директ
3 months ago 00:05:00 3
Выгружаем лиды с рекламы в facebook и Instagram | 2 бесплатных способа от Leonov’a в 2020 году
3 months ago 00:25:39 4
Реклама в одноклассниках | Лидогенерация без MyTarget
3 months ago 00:04:24 7
Что такое A/B-тестирование сайта | Как сделать сплит-тестирование в Яндекс.Директе простым способом
3 months ago 00:37:09 1
Чек-лист по оптимизации рекламы в Яндекс Директ | Ведение рекламы
3 months ago 00:16:10 2
РСЯ через Директ Коммандер | Настройка контекстной рекламы в Яндексе
3 months ago 01:02:42 5
Маркетинговый анализ сайта для формирования смыслов и офферов
3 months ago 00:19:40 2
Как написать хорошее рекламное объявление | Чек-лист на 25 пунктов