Next JS полный курс SSR на React JS с нуля до деплоя
В этом курсе мы на практике рассмотрим фреймворк для SSR на React, который называется Next js. Рассмотрим основные возможности и сделаем deploy на Vercel.
Ссылка на исходный код - https://github.com/utimur/next-course
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования -
https://www.youtube.com/playlist?list=PL6DxKON1uLOG0carDseYltoAovmnjjhZk
Полные практические курсы -
https://www.youtube.com/playlist?list=PL6DxKON1uLOGtX2_vuBk-Z5Fzbm-DY0y1
MobX & React -
https://www.youtube.com/watch?v=jn-L1SFYdIc
Наглядная теория -
https://www.youtube.com/playlist?list=PL6DxKON1uLOEPJFENF2fZ8LbQcgl9dUk0
Полный курс по Redux -
https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6
React drag and drop -
https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ
React компоненты -
https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf
React + Redux + Webpack
https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX
Анимации в React -
https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF
Разработка fullstack MERN web приложения -
https://www.youtube.com/playlistlist=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln
Таймкоды:
00:00 - Теория
01:12 - Настраиваем проект
02:00 - Роутинг и постраничная навигация
05:37 - Динамическая маршрутизация
08:20 - useRouter
09:20 - Файл _app.js. Глобальные стили
11:20 - Стили для отдельных компонентов. [name].module.css
13:57 - Подключаем препроцессор SASS\SCSS
15:00 - Запросы на сервер. getStaticProps и getServerSideProps
20:40 - SEO оптимизация. META теги
22:00 - Контейнеры компонентов
24:56 - 404 Кастомная страница с ошибкой
25:40 - Деплой на хостинг
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - http://qiwi.com/n/BODYE821
Яндекс деньги - https://yoomoney.ru/to/4100116193037469
Видео Next JS полный курс SSR на React JS с нуля до деплоя канала Ulbi TV
Ссылка на исходный код - https://github.com/utimur/next-course
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования -
https://www.youtube.com/playlist?list=PL6DxKON1uLOG0carDseYltoAovmnjjhZk
Полные практические курсы -
https://www.youtube.com/playlist?list=PL6DxKON1uLOGtX2_vuBk-Z5Fzbm-DY0y1
MobX & React -
https://www.youtube.com/watch?v=jn-L1SFYdIc
Наглядная теория -
https://www.youtube.com/playlist?list=PL6DxKON1uLOEPJFENF2fZ8LbQcgl9dUk0
Полный курс по Redux -
https://www.youtube.com/playlist?list=PL6DxKON1uLOHsBCJ_vVuvRsW84VnqmPp6
React drag and drop -
https://www.youtube.com/playlist?list=PL6DxKON1uLOENy8yYgn0uLwB6p8eAW9NZ
React компоненты -
https://www.youtube.com/playlist?list=PL6DxKON1uLOGXDvAr_PFPwhdJLb6zYiKf
React + Redux + Webpack
https://www.youtube.com/playlist?list=PL6DxKON1uLOHTgN679Es1vkCS911i9HJX
Анимации в React -
https://www.youtube.com/playlist?list=PL6DxKON1uLOH0vVpdrZhUAVpHerNbUxfF
Разработка fullstack MERN web приложения -
https://www.youtube.com/playlistlist=PL6DxKON1uLOGd4E6kG6d5K-tsTFj-Deln
Таймкоды:
00:00 - Теория
01:12 - Настраиваем проект
02:00 - Роутинг и постраничная навигация
05:37 - Динамическая маршрутизация
08:20 - useRouter
09:20 - Файл _app.js. Глобальные стили
11:20 - Стили для отдельных компонентов. [name].module.css
13:57 - Подключаем препроцессор SASS\SCSS
15:00 - Запросы на сервер. getStaticProps и getServerSideProps
20:40 - SEO оптимизация. META теги
22:00 - Контейнеры компонентов
24:56 - 404 Кастомная страница с ошибкой
25:40 - Деплой на хостинг
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - http://qiwi.com/n/BODYE821
Яндекс деньги - https://yoomoney.ru/to/4100116193037469
Видео Next JS полный курс SSR на React JS с нуля до деплоя канала Ulbi TV
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
React & Node.js Fullstack интернет магазин. PERN stack PostgreSQL + express + React + node.jsGraphQL в 2018 / Илья Климов / MYKOLAIV JS 2018Webpack 4. Полный курс 2020Nuxt JS - Vue + SSR (быстрый курс за 70 минут)Create React App vs Next.js vs GatsbyReact & Firebase БЫСТРЫЙ КУРС real-time ЧАТ с авторизацией через GoogleКвантовая физика и квантовый компьютер. Научные сенсацииАлгоритмы и структуры данных ПОЛНЫЙ КУРС на JAVASCRIPTGit и GitHub Курс Для НовичковNext.js in 100 Seconds // Plus Full Beginner's TutorialNext.js Crash Course - SSG, SSR, and more (Updated for Next.JS 10+) (2020)Node JS - Быстрый Курс за 1 час (Все Включено!)Why I’m Using Next.js in 2020GraphQL & Apollo & React & Nodejs ПОЛНЫЙ КУРС FullStack приложениеNext.js Crash Course 2021Подготовка к JavaScript собеседованиюNode.js/Express для начинающих простыми словами. Введение.RxJS - Полный курс за 1 часСобеседование в Билайн middle frontend-разработчиком с ЗП 220кReact или Vue или Angular. Что Выбрать? (Про Каждый Отдельно)