NextJS Быстрый Курс - SSR на React JS
Vložit
- čas přidán 27. 07. 2024
- Дорожная карта и экосистема React 2024 - bit.ly/3NxXf7z
Исходный код тут: t.me/js_by_vladilen/207
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
NextJS - Курс в одном видео по всем элементам в фреймворке (Server Side Rendering на React)
React - • React JS Быстрый Курс
Node - • Node JS - Быстрый Курс...
Nuxt - • Nuxt JS - Vue + SSR (б...
ES6 - • JavaScript ES6 - Полны...
Webpack - • Webpack - Полный курс ...
fetch - • Урок 14. JavaScript. З...
JS 2020 - • Video
TypeScript - • TypeScript - Быстрый К...
TS Продвинутый - • TypeScript для продвин...
React + TS - • Video
Статья из видео: / next-js-how-to-make-yo...
Исходный код в Telegram Канале:
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
Исходный код тут: t.me/js_by_vladilen/207
Получить профессию Frontend разработчика - bit.ly/3bvCM3f
Как обычно все шикарно!! Спасибо за такое большое количество полезной информации)))
Спасибо. Наконец-то. Долго ждал видоса по Next.js. Но все равно сам изучил, а тут послушал обьяснения и мнение спеца)))
а где изучал?
Мне так нравится, когда Владилен упоминает на правах рекламы свои курсы на своём блоге) Уровень уважения к аудитории на пределе! Спасибо за уроки, они очень помогают разобраться в технологиях!
Очень крутой интерактив. Делай побольше таких!
Набрал 8/8, тест заставил задуматься и повспоминать некоторые ответы на вопросы.
спасибо огромное!!!! просто супер! много слышал про данный фрэймворк, но слышал что сложный и по сколку я новичок, то не решался его начинать осваивать. Благодаря Вам и Вашим трудам теперь сижу изучаю! Спасибо!!!!
Спасибо за труды!!!
По телеге:
Было бы здорово увидеть в таком же формате что-то типа «вопросы к собеседованию для фронтенда» и «вопросы к собеседованию для бэкенда»
Хорошие у вас быстрые курсы Владилен, спасибо большое! Я уже шесть лет занимаюсь фронтендом и очень ценю грамотную подачу информации как у вас. Вы не торопливо, словно присели рядом за компьютером и объясняете, очень доходчиво объясняете) Смотрю ваши курсы просто для повторения, но не смотря на это очень много нового подчёркиваю)
Просто уважение тебе! Все рассказал что хотелось услышать. И TypeScript затронул и про лоадер рассказал. Просто маст хев! Действительно невероятно интересная и удобная технология, буду теперь пользоваться. Спасибо за труды!
Отличная подача, кратко и без воды. Спасибо за ролик!
Как всегда шикарная инфа. Спасибо, Владилен!
Отлично изъяснил для тех кто не понимает! Ждал чего-то нового. Спасибо за работу!
Крутой курс! Владилен как всегда очень понятно объясняет. Жду еще про Gatsby)
Отличный видос, зашел на ура! Хотелось бы увидеть скажем Next JS Продвинутый курс, где можно было бы заюзать SSG, какую-то аутентификацию, возможно работу с кастомным сервером, или токенами. В общем порыться в нем еще больше. Однозначно лайк, колокольчик и коммент, спасибо за контент!
+
Спасибо за урок. Качество подачи на высоте. Так же интересует SSG, JWT аутентификацию и как быть с api middleware без кастомного сервера. Пока юзаю next-connect. Ещё раз спасибо!!!!!
+
Какая чушь
Спасибо за контент СЭНСЭЙ, жду видео про Formik. Было бы круто посмотреть продолжение данного видео с авторизацией или же соединения приложения на Next с Redux + Redux-Saga. =)
почитав комментарии по понял что не один я набрал 7/8 , интересно на что не ответил ))
Владилен, как всегда низкий поклон в твоих стараньях ! Спасибо от души !
2й или 5й)
на 2м - d
на 5м - с
Хоть они не верные оба, исходя из доков)
Офигенно! Теперь я и next.js почти знаю!)) Спасибо большое!!! Осталось добить typescript...
Спасибо, это одно самых лучших твоих видео!!)
Половину вопросов увидел впервые, но уметь гуглить и понимать информацию полезно, плюс узнал, что то новое и где об этом почитать. Формат квиз - вопросов понравился.
Спасибо! Лично мне пошаговое воспроизведение твоих крэш-курсов помогает хоть что-то представлять о том, как это работает. Раньше была иллюзия, что если сесть крепко почитатть, то будет понятно, но это ошибка и путь к депрессии. Если хотябы повторять несколько раз пошагово - уже приходит что-то в ум, а если почитывать доки в перерывах - получается эффективно. Это очень круто.
Спасибо за знакомство с фреймворком! Очень полезно, теперь буду изучать TS))
Недавно интересовался Next.js, а тут видосик:))) Спасибо!)
Спасибо за ваши труди Владилен, с тестом круто придумали
Спасибо большое за видео) действительно интересный контент и я закрепил свои пробелы по NextJS
Хотелось бы увидеть ролик по StoryBook и как его применять на практике)
Владилен ,спасибо за твой труд ! отличнейшее видео , понял часть проблемных моментов , которые не понимал по документации .
спасибо, как всегда все четко и по делу, ничего лишнего👍
Большое спасибо! Очень интересный курс и отличная работа.
спасибо за видео, очень хорошо рассказали. Еще очень интересно было бы услышать в таком же формате про Gatsby js
Просто пушка курс. Владилен ты лучший. Смотрю с удовольствием.
друг! ты красавец! как же мне не хватало на моем проекте spa этих знаний хоть это и ssr )))))) большое человеческое спасиьо!) Мне дали тестовое на nextjs и как вводное видео это бомба!
Супер! Отличный ролик по теме Next.js. Спасибо!
оооо, как же это прекрасно !!))) спасибо огромное !!)))
Реально классно, а что интересно, все что надо, правда поверхностно, но главное что направление задано!)
Благодарю. как обычно годный материал и подача. Смотрел правда на скорости 1.5. Благо, можно спокойно ускорять.. замедлять менее приятно получается.
Пойду смотреть видос про новые операторы)).
Все понятно и доступно. Как чувак с опытом - быстро влился в SSR, мне понравилось.
Как всегда хорош, Владилен! Лайк)
Большое спасибо тебе,спасибо что ты есть,продолжай в том же духе))
Качество топ, спасибо большое))
Благодарю за труд! Вы очень многое делаете для нас
Интересный формат доступа к курсу)
Хотел просто ознакомиться в течении 10 минут)))) , но блин настолько интересно и внятно информация передается что аж хочется смотреть и смотреть)) и так кстати просидел все 2:34:31))СПАСИБО!!!
Классно все объясняешь, спасибо!
Как всегда качественный курс, спасибо!
Заценил фишку с телегой! Чувак, у тебе крутые и понятные видеоуроки!
Я только начал изучать веб дев, подумал "ладно, зайду гляну просто что такое nextjs" и залип до конца видео. )) Спасибо.
Шикарно, спасибо!
Спасибо! Браво Владлен Минин. NextJs
спасибо Владилен за работу )
Просто молодец, спасибо! Отличный курс
Годнота подъехала) Спасибо!
Владилен, спасибо за курс! Как всегда четко и по делу) Для тех, кто будет смотреть курс и использовать версию 9.5.3 и выше - для динамических ссылок больше не нужно использовать декоратор as: nextjs.org/docs/api-reference/next/link
Как всегда шикарный курс, особенное спасибо за блок с typescript но очень хотелось бы дополнение с подключением Redux, потому как с Next js это уже не совсем тривиальная задача.
Все понятно и четко обьяснили, хороший канал.
Спасибо за подарок на ДР)))
Спасибо за видео, как всегда очень полезно, есть вопрос к тебе, планируется ли когда-нибудь выпустить ролик про профилирование кода? Или сделать мини-курс поэтому
Спасибо, даже на ускоренном 2х видео все было понятно)
Суперский курс, огромное спасибо!
Был бы особо благодарен, если бы вы показали как создать такое же SSR приложение только на Express.
Спасибо! Перехожу с Nuxt на Next, потому что лучше хочу освоить React, jsx. Отличный ролик, советую для тех, кто хочет закрепить материал - пройти официальный tutorial. Там можно более детально прочитать насчет SSR, рендеринга во время build, отличие и использование. Отличие ролика Владилена от туториала - там говорится про getStaticPaths - пропс, передаваемый в динамический роут, где должны описываться все пути
Владилен, Вы хороший педагог. Сложные вещи объясняете простым языком. Спасибо!
Владилен поддержу того кто писал что ждем продвинутый next js + работа с реально бд, mongo например !
Отличный курс! Спасибо.
Очень понравился курс, спасибо! Чётко, лакончино, подсветил возможные проблемы (например, почему не ок использовать useEffect)
Круто, что предложил поставить на паузу и подумать самим
формат с доступом через квиз - интересный +
Спасибо за ролик. Было довольно полезно.
Супер классный урок по нексту. Хотелось бы еще увидеть продвинутый урок с использованием Redux, GraphQL, SSE...
Классный ролик. Спасибо, Владилен.
вот про эту тему по больше курсов пожалуйста, очень интересная тема
Владилен, спасибо! Видео мега крутое!
Спасибо, дорогой!
Видео очень помогло 🙏🙏🙏
у тебя для всего есть быстрый курс) спасибо
Курс супер.Если сделаете в udemy полный курс по NextJS то я буду первым из тех кто купит его :). Спасибо огромное и удачи вам.
Отличненько. Как раз недавно один мини-сайт сделал на Next.js, но чувствую что не использовал все что можно было.
Спасибо, посмотрел на одном дыхании.
Огромное спасибо! Очень крутое видео!!!
Круто придумано!)
Очень полезная информация и хорошо изложены основы. Был бы отдельно благодарен если бы осветили ситуацию когда нам нужно получить данные один раз для header или footer и сделать из доступными для всех страниц
Спасибо за курс!
Было бы круто увидеть такой же урок, но для 13 версии Next.
13 версия, как я понял сильно отличается от предыдущих.
А если бы там был еще TS и Recoil (стейт-менеджер), то цены бы не было такому уроку :)
Спасибо за работу!
Спасибо большое, по работе очень помогает
Хорошая и качественная работа. За час (на х2) можно понять что это за конь и как на нем ездить. Великолепно!
Неистовый лайк тебе, человече!!! Деплой, расскажи про деплой, эта информация просто жизненно необходима. Не деплой на сервис типа Хероку, а на обычный кастомный сервер, чтоб совсем усложнить и развить идею - на IIS!!)))
Респект за качественный и полезный контент
Спасибо, если посмотрел 40 минут и не выключил , одназначно досмотрю до конца. Понятно объясняешь.
спасибо, очень крутое видео. Посмотрел с удовольствием
Афигенный курс!
Пока гуглил ответы для прохождения теста - уже прокачался)
Спасибо за классный курс!
Очень понравилось, но хотелось бы поподробнее узнать о данной технологии, курс на udemy или Вашем сайте был бы идеальным вариантом ))
Кому также было бы интересно 👍🏻
Спасибо большое за обзор!
Thanks, cool tutorial. Helped me understand next js
что интересно? ещё про next!! всё огонь, но хочется ещё)) давай next2.0))
классный курс, спасибо!
спасибо
Владилен за контент, огромная просьба можешь снять видео про овтаризацию с автоабнавлением токена на express ,jwc token и react
выкинь express используй Koa
@@graezzywormz1438 выкинь коа используй nest
Очень информативный и крутой ролик вышел! Благодарю тебя за твою работу и труд! По моему мнению - лучший русскоязычный контент, все доступно, понятно и полезно. Продолжай в том же духе! Спасибо!
вышла новая версия некста!! фича решение проблоем с корсом!! Владилен, надо пилить продолжение)
Владилен, контент однозначно ТОП! Хотелось бы в твоем изложении посмотреть информацию про ВебСокеты на каком нибудь простеньком примере =) Спасибо =)
На канале есть плейлист с чатом)
спасибо, мужик. ты крутой!
Просто бомба)))
Спасибо огромное))