Друзья, в данном ролике мы сделаем блог на фреймворке . Это крутой фреймворк над реактом для возможности генерировать данные на стороне сервера (Server side rendering | SSR). Так же тут мы будем использовать и MongoDB и так же styled components.
👉 Ссылка на макет:
🔴 Видео про мою супер Gulp сборку:
🔴 Данная сборка инструкция уже ДОСТУПНА на Patreon:
Интересные ролики, можете посмотреть на досуге:
👉 Урок по MERN Stack:
👉 Урок по :
Таймкоды:
00:00 Вступление
01:00 Обзор проекта
03:15 Инициализация приложения
04:00 Обзор базовой структуры приложения
08:43 Роутинг в
11:30 Компонент Head
14:18 Глобальные стили
17:00 Модули стилей
21:48 Установка styled-components
29:00 Подключение сторонних библиотек к проекту (_document)
33:57 Верстка компонента Navbar
45:50 Верстка Верстка главной страницы
58:26 Верстка страницы добавления поста
1:03:28 Компонент Image из коробки
1:06:41 Продолжаем верстку страницы добавления постов
1:16:57 Верстка страницы поста
1:32:09 Динамический роутинг
1:35:35 Инициализация серверной части
1:36:24 Подключение MongoDB
1:43:06 Создание модели
1:45:11 Логика добавления постов
1:56:45 CORS
2:00:30 useRouter
2:03:29 SSR (Server side rendering) всех постов
2:12:23 Логика страницы поста
2:18:50 Решаю ошибку компонента Image и моего мозга))
2:27:27 Удаление поста
2:37:05 Про деплой
2:36:38 Заключение. Даже не клянчу лайки.
#javascript #ssr #nextjs #serversiderendering
По любым вопросам можете писать в Instagram:
1 view
329
85
2 months ago 00:43:23 1
Spiral — высокопроизводительный фреймворк / Александр Новиков (SpiralScout)
5 months ago 00:42:15 1
Вебинар: как управлять проектами по фреймворку
5 months ago 01:01:55 1
Смерть для React, Angular, Vue? Новый фреймворк LibaJS, знакомство, часть 1
8 months ago 00:07:56 1
Лекция. Современные фреймворки и библиотеки проектирования сайтов обзор: Bootstrap
11 months ago 00:04:41 2
Какой PHP фреймворк выбрать в 2024 году | ПОЛНЫЙ ГАЙД
12 months ago 01:15:57 7
Базовый обзор фреймворка React Native. Пишем два приложения #javascript #reactnative
1 year ago 01:14:20 1
10. “Мобильные архитектуры нейросетей и фреймворки для их запуска“, Алексей Ивахненко
1 year ago 00:11:30 1
FrontTalk # 2 - Обзор НОВЫХ JS фреймворков и библиотек
1 year ago 01:31:50 3
Tailwindcss v3 . Обзор фреймворка. Верстка реального проекта с Upwork 2022
2 years ago 00:37:06 1
Я создал приложение на 10 разных JavaScript фреймворках. Какой лучше?
2 years ago 00:18:18 1
PEST тесты в Laravel. Обзор фреймворка для написания тестов