NextJS Быстрый Курс - SSR на React JS [2020]

У вашего броузера проблема в совместимости с HTML5

NextJS - Курс в одном видео по всем элементам в фреймворке (Server Side Rendering на React)
Мой Курс Продвинутый JavaScript: https://clc.to/senior

Мои Udemy Курсы:
Angular 9: https://clc.to/angular
React Native: https://clc.to/rnative
ReactJS: https://clc.to/react
NodeJS: https://clc.to/nodejs
Angular Fullstack (MEAN): https://clc.to/fullstack

Подписывайся на соц сети:
Telegram: https://t.me/js_by_vladilen
Instagram: https://www.instagram.com/vladilen.minin
VK: https://vk.com/vladilen.minin
Группа VK: https://vk.com/js_by_vladilen

React - https://www.youtube.com/watch?v=xJZa2_aldDs
Node - https://www.youtube.com/watch?v=3aGSqasVPsI
Nuxt - https://www.youtube.com/watch?v=lm9olMCRCIc
ES6 - https://www.youtube.com/watch?v=Ti2Q4sQkNdU
Webpack - https://www.youtube.com/watch?v=eSaF8NXeNsA
fetch - https://www.youtube.com/watch?v=eKCD9djJQKc
JS 2020 - https://www.youtube.com/watch?v=7TpAN4FISeI
TypeScript - https://www.youtube.com/watch?v=nyIpDs2DJ_c
TS Продвинутый - https://www.youtube.com/watch?v=7NU6K4170As
React + TS - https://www.youtube.com/watch?v=OvLWWvjoi8s

Статья из видео: https://medium.com/@apalshah/next-js-how-to-make-your-own-progress-bar-indicator-component-easily-445e58777473

Исходный код в Telegram Канале:
https://t.me/js_by_vladilen

Таймкоды:
00:00 - Что такое SSR и Next
14:36 - Установка Next
20:40 - Начало работы
25:54 - Роутинг и навигация
49:15 - SEO + Meta
54:40 - Создание Layout
1:06:29 - Стили, модули, SASS
1:14:48 - Страница 404
1:22:14 - Создание API мок сервера
1:33:30 - Загрузка данных
1:57:05 - getServerSideProps
2:00:30 - Индикатор загрузки
2:07:15 - Создание API
2:13:00 - TypeScript
2:26:40 - Next Config
2:34:12 - Классные рекомендации

#react #ssr #nextjs