Next.js обзор фреймворка. Пишем блог. express/mongodb/next/ssr/styled components

5 Просмотры
Издатель
Видео про MERN Stack: https://www.youtube.com/watch?v=8PZMP06Vap4
Видео про мою супер Gulp сборку: https://www.youtube.com/watch?v=8Oc8hT51czQ&t=1s
Данная сборка + инструкция уже ДОСТУПНА на Patreon: https://www.patreon.com/roman_timoshchuk

Друзья, в данном ролике мы сделаем блог на фреймворке Next.js. Это крутой фреймворк над реактом для возможности генерировать данные на стороне сервера (Server side rendering | SSR). Так же тут мы будем использовать Express.js и MongoDB и так же styled components.

Таймкоды:
00:00 Вступление
01:00 Обзор проекта
03:15 Инициализация приложения
04:00 Обзор базовой структуры Next.js приложения
08:43 Роутинг в Next.js
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 из коробки Next.js
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:
https://www.instagram.com/roman_timoshchuk/
Категория
Видеоуроки по боксу
Комментариев нет.