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

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

Владилен Минин

54 года назад

237,315 Просмотров

Дорожная карта и экосистема React 2024 - https://bit.ly/3NxXf7z

Исходный код тут: https://t.me/js_by_vladilen/207

Я в соц сетях:
Telegram: https://t.me/js_by_vladilen
VK: https://vk.com/vladilen.minin
Instagram: https://instagram.com/vladilen.minin

Roadmap по каналу:
https://vladilen.notion.site/Roadmap-YouTube-0b917095c1ec424e9574c2ede36efab9

NextJS - Курс в одном видео по всем элементам в фреймворке (Server Side Rendering на React)

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/207

Таймкоды:
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

Тэги:

#владилен #владилен_минин #javascript #next #nextjs #next.js #react #reactjs #react.js #ssr #react_ssr #ssr_react #server_side_rendering #js #react_js #react_next #next_react #next_курс #nextjs_курс #react_курс #typescript #react_typescript #typescript_next #next_typescript #уроки_react #уроки_next #nextjs_примеры
Ссылки и html тэги не поддерживаются


Комментарии: