NextJS Быстрый Курс - SSR на React JS
HTML-код
- Опубликовано: 12 май 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 - • Что нового в JavaScrip...
TypeScript - • TypeScript - Быстрый К...
TS Продвинутый - • TypeScript для продвин...
React + TS - • React JS + TypeScript....
Статья из видео: / 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
![Shoreline Mafia - HEAT STICK (OHGEESY & FENIX FLEXIN) [Official Music Video]](http://i.ytimg.com/vi/xKEY6THtwuA/mqdefault.jpg)
Исходный код тут: t.me/js_by_vladilen/207
Получить профессию Frontend разработчика - bit.ly/3bvCM3f
Как обычно все шикарно!! Спасибо за такое большое количество полезной информации)))
Спасибо за труды!!!
По телеге:
Было бы здорово увидеть в таком же формате что-то типа «вопросы к собеседованию для фронтенда» и «вопросы к собеседованию для бэкенда»
Очень крутой интерактив. Делай побольше таких!
Набрал 8/8, тест заставил задуматься и повспоминать некоторые ответы на вопросы.
спасибо огромное!!!! просто супер! много слышал про данный фрэймворк, но слышал что сложный и по сколку я новичок, то не решался его начинать осваивать. Благодаря Вам и Вашим трудам теперь сижу изучаю! Спасибо!!!!
Хорошие у вас быстрые курсы Владилен, спасибо большое! Я уже шесть лет занимаюсь фронтендом и очень ценю грамотную подачу информации как у вас. Вы не торопливо, словно присели рядом за компьютером и объясняете, очень доходчиво объясняете) Смотрю ваши курсы просто для повторения, но не смотря на это очень много нового подчёркиваю)
Спасибо. Наконец-то. Долго ждал видоса по Next.js. Но все равно сам изучил, а тут послушал обьяснения и мнение спеца)))
а где изучал?
Мне так нравится, когда Владилен упоминает на правах рекламы свои курсы на своём блоге) Уровень уважения к аудитории на пределе! Спасибо за уроки, они очень помогают разобраться в технологиях!
Как всегда шикарная инфа. Спасибо, Владилен!
Отличный видос, зашел на ура! Хотелось бы увидеть скажем Next JS Продвинутый курс, где можно было бы заюзать SSG, какую-то аутентификацию, возможно работу с кастомным сервером, или токенами. В общем порыться в нем еще больше. Однозначно лайк, колокольчик и коммент, спасибо за контент!
+
Спасибо за урок. Качество подачи на высоте. Так же интересует SSG, JWT аутентификацию и как быть с api middleware без кастомного сервера. Пока юзаю next-connect. Ещё раз спасибо!!!!!
+
Какая чушь
Отличная подача, кратко и без воды. Спасибо за ролик!
Спасибо за видео, как всегда очень полезно, есть вопрос к тебе, планируется ли когда-нибудь выпустить ролик про профилирование кода? Или сделать мини-курс поэтому
Спасибо, это одно самых лучших твоих видео!!)
Офигенно! Теперь я и next.js почти знаю!)) Спасибо большое!!! Осталось добить typescript...
Крутой курс! Владилен как всегда очень понятно объясняет. Жду еще про Gatsby)
Просто уважение тебе! Все рассказал что хотелось услышать. И TypeScript затронул и про лоадер рассказал. Просто маст хев! Действительно невероятно интересная и удобная технология, буду теперь пользоваться. Спасибо за труды!
почитав комментарии по понял что не один я набрал 7/8 , интересно на что не ответил ))
Владилен, как всегда низкий поклон в твоих стараньях ! Спасибо от души !
2й или 5й)
на 2м - d
на 5м - с
Хоть они не верные оба, исходя из доков)
Половину вопросов увидел впервые, но уметь гуглить и понимать информацию полезно, плюс узнал, что то новое и где об этом почитать. Формат квиз - вопросов понравился.
Спасибо за знакомство с фреймворком! Очень полезно, теперь буду изучать TS))
Качество топ, спасибо большое))
Спасибо за ваши труди Владилен, с тестом круто придумали
оооо, как же это прекрасно !!))) спасибо огромное !!)))
спасибо, как всегда все четко и по делу, ничего лишнего👍
Спасибо за контент СЭНСЭЙ, жду видео про Formik. Было бы круто посмотреть продолжение данного видео с авторизацией или же соединения приложения на Next с Redux + Redux-Saga. =)
Отлично изъяснил для тех кто не понимает! Ждал чего-то нового. Спасибо за работу!
Недавно интересовался Next.js, а тут видосик:))) Спасибо!)
Шикарно, спасибо!
Владилен ,спасибо за твой труд ! отличнейшее видео , понял часть проблемных моментов , которые не понимал по документации .
Супер! Отличный ролик по теме Next.js. Спасибо!
Большое спасибо тебе,спасибо что ты есть,продолжай в том же духе))
Спасибо большое за видео) действительно интересный контент и я закрепил свои пробелы по NextJS
Хотелось бы увидеть ролик по StoryBook и как его применять на практике)
Просто пушка курс. Владилен ты лучший. Смотрю с удовольствием.
Как всегда хорош, Владилен! Лайк)
спасибо за видео, очень хорошо рассказали. Еще очень интересно было бы услышать в таком же формате про Gatsby js
Спасибо! Лично мне пошаговое воспроизведение твоих крэш-курсов помогает хоть что-то представлять о том, как это работает. Раньше была иллюзия, что если сесть крепко почитатть, то будет понятно, но это ошибка и путь к депрессии. Если хотябы повторять несколько раз пошагово - уже приходит что-то в ум, а если почитывать доки в перерывах - получается эффективно. Это очень круто.
Реально классно, а что интересно, все что надо, правда поверхностно, но главное что направление задано!)
Как всегда качественный курс, спасибо!
Благодарю за труд! Вы очень многое делаете для нас
Годнота подъехала) Спасибо!
спасибо Владилен за работу )
Большое спасибо! Очень интересный курс и отличная работа.
Просто молодец, спасибо! Отличный курс
Классно все объясняешь, спасибо!
Благодарю. как обычно годный материал и подача. Смотрел правда на скорости 1.5. Благо, можно спокойно ускорять.. замедлять менее приятно получается.
Пойду смотреть видос про новые операторы)).
Интересный формат доступа к курсу)
Все понятно и доступно. Как чувак с опытом - быстро влился в SSR, мне понравилось.
Я только начал изучать веб дев, подумал "ладно, зайду гляну просто что такое nextjs" и залип до конца видео. )) Спасибо.
друг! ты красавец! как же мне не хватало на моем проекте spa этих знаний хоть это и ssr )))))) большое человеческое спасиьо!) Мне дали тестовое на nextjs и как вводное видео это бомба!
Как всегда шикарный курс, особенное спасибо за блок с typescript но очень хотелось бы дополнение с подключением Redux, потому как с Next js это уже не совсем тривиальная задача.
Хотел просто ознакомиться в течении 10 минут)))) , но блин настолько интересно и внятно информация передается что аж хочется смотреть и смотреть)) и так кстати просидел все 2:34:31))СПАСИБО!!!
Спасибо за ролик. Было довольно полезно.
формат с доступом через квиз - интересный +
Спасибо! Браво Владлен Минин. NextJs
Спасибо, дорогой!
Видео очень помогло 🙏🙏🙏
Классный ролик. Спасибо, Владилен.
Владилен, спасибо за курс! Как всегда четко и по делу) Для тех, кто будет смотреть курс и использовать версию 9.5.3 и выше - для динамических ссылок больше не нужно использовать декоратор as: nextjs.org/docs/api-reference/next/link
Было бы круто увидеть такой же урок, но для 13 версии Next.
13 версия, как я понял сильно отличается от предыдущих.
А если бы там был еще TS и Recoil (стейт-менеджер), то цены бы не было такому уроку :)
Отличный курс! Спасибо.
Спасибо за работу!
Спасибо, даже на ускоренном 2х видео все было понятно)
Спасибо! Перехожу с Nuxt на Next, потому что лучше хочу освоить React, jsx. Отличный ролик, советую для тех, кто хочет закрепить материал - пройти официальный tutorial. Там можно более детально прочитать насчет SSR, рендеринга во время build, отличие и использование. Отличие ролика Владилена от туториала - там говорится про getStaticPaths - пропс, передаваемый в динамический роут, где должны описываться все пути
Спасибо за подарок на ДР)))
спасибо
Владилен за контент, огромная просьба можешь снять видео про овтаризацию с автоабнавлением токена на express ,jwc token и react
выкинь express используй Koa
@@graezzywormz1438 выкинь коа используй nest
Владилен, спасибо! Видео мега крутое!
Спасибо за курс!
Спасибо огромное))
Огромное спасибо! Очень крутое видео!!!
Заценил фишку с телегой! Чувак, у тебе крутые и понятные видеоуроки!
Круто, что предложил поставить на паузу и подумать самим
Спасибо большое за обзор!
Суперский курс, огромное спасибо!
Был бы особо благодарен, если бы вы показали как создать такое же SSR приложение только на Express.
Очень понравился курс, спасибо! Чётко, лакончино, подсветил возможные проблемы (например, почему не ок использовать useEffect)
Владилен поддержу того кто писал что ждем продвинутый next js + работа с реально бд, mongo например !
Все понятно и четко обьяснили, хороший канал.
Респект за качественный и полезный контент
Спасибо, посмотрел на одном дыхании.
Спасибо большое, по работе очень помогает
классный курс, спасибо!
Круто придумано!)
спасибо, очень крутое видео. Посмотрел с удовольствием
Огромное спасибо!
Афигенный курс!
у тебя для всего есть быстрый курс) спасибо
вот про эту тему по больше курсов пожалуйста, очень интересная тема
Спасибо большое Владилен
Привет. Как на счет разобрать стек next+graphql+apollo+strapi?
Было бы очень интересно послушать твои объяснения
не пугай его...
Ben Awad.
Владилен, Вы хороший педагог. Сложные вещи объясняете простым языком. Спасибо!
Спасибо большое!
Очень хороший контент!
спасибо, мужик. ты крутой!
Отличненько. Как раз недавно один мини-сайт сделал на Next.js, но чувствую что не использовал все что можно было.
Курс супер.Если сделаете в udemy полный курс по NextJS то я буду первым из тех кто купит его :). Спасибо огромное и удачи вам.
Спасибо!)
интересный формат)
Очень полезная информация и хорошо изложены основы. Был бы отдельно благодарен если бы осветили ситуацию когда нам нужно получить данные один раз для header или footer и сделать из доступными для всех страниц
Пока гуглил ответы для прохождения теста - уже прокачался)
Хорошая и качественная работа. За час (на х2) можно понять что это за конь и как на нем ездить. Великолепно!
хороший урок, спасибо!
Спасибо, если посмотрел 40 минут и не выключил , одназначно досмотрю до конца. Понятно объясняешь.
Неистовый лайк тебе, человече!!! Деплой, расскажи про деплой, эта информация просто жизненно необходима. Не деплой на сервис типа Хероку, а на обычный кастомный сервер, чтоб совсем усложнить и развить идею - на IIS!!)))