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

Дорожная карта и экосистема 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

[@VladilenMinin]

Исходный код тут: t.me/js_by_vladilen/207 Получить профессию Frontend разработчика - bit.ly/3bvCM3f

[@user-lg4md8wm8y]

Как обычно все шикарно!! Спасибо за такое большое количество полезной информации)))

[@DEN-tg1yp]

Спасибо за труды!!! По телеге: Было бы здорово увидеть в таком же формате что-то типа «вопросы к собеседованию для фронтенда» и «вопросы к собеседованию для бэкенда»

[@astrofox7532]

Хорошие у вас быстрые курсы Владилен, спасибо большое! Я уже шесть лет занимаюсь фронтендом и очень ценю грамотную подачу информации как у вас. Вы не торопливо, словно присели рядом за компьютером и объясняете, очень доходчиво объясняете) Смотрю ваши курсы просто для повторения, но не смотря на это очень много нового подчёркиваю)

[@egorkurkin356]

Мне так нравится, когда Владилен упоминает на правах рекламы свои курсы на своём блоге) Уровень уважения к аудитории на пределе! Спасибо за уроки, они очень помогают разобраться в технологиях!

[@aleksandrgradov7859]

спасибо огромное!!!! просто супер! много слышал про данный фрэймворк, но слышал что сложный и по сколку я новичок, то не решался его начинать осваивать. Благодаря Вам и Вашим трудам теперь сижу изучаю! Спасибо!!!!

[@andriyfedorchenko7936]

Спасибо. Наконец-то. Долго ждал видоса по Next.js. Но все равно сам изучил, а тут послушал обьяснения и мнение спеца)))

[@user-je7ib6qe8y]

а где изучал?

[@anazkomult]

Как всегда шикарная инфа. Спасибо, Владилен!

[@sea-lucky7143]

Отличный видос, зашел на ура! Хотелось бы увидеть скажем Next JS Продвинутый курс, где можно было бы заюзать SSG, какую-то аутентификацию, возможно работу с кастомным сервером, или токенами. В общем порыться в нем еще больше. Однозначно лайк, колокольчик и коммент, спасибо за контент!

[@user-tt4mg2jq2b]

+

[@CharismaSound]

Спасибо за урок. Качество подачи на высоте. Так же интересует SSG, JWT аутентификацию и как быть с api middleware без кастомного сервера. Пока юзаю next-connect. Ещё раз спасибо!!!!!

[@ianpaddington3187]

+

[@user-fj8cl3by5k]

Какая чушь

[@prorok888]

формат с доступом через квиз - интересный +

[@ProfessoRGM]

Очень крутой интерактив. Делай побольше таких! Набрал 8/8, тест заставил задуматься и повспоминать некоторые ответы на вопросы.

[@ensi.creator]

Отличная подача, кратко и без воды. Спасибо за ролик!

[@dmitriysnow2571]

почитав комментарии по понял что не один я набрал 7/8 , интересно на что не ответил )) Владилен, как всегда низкий поклон в твоих стараньях ! Спасибо от души !

[@wmagnet4839]

2й или 5й) на 2м - d на 5м - с Хоть они не верные оба, исходя из доков)

[@mistercat9997]

Спасибо, это одно самых лучших твоих видео!!)

[@user-ju1zv4bk3h]

Как всегда хорош, Владилен! Лайк)

[@peg-legantoine7151]

Крутой курс! Владилен как всегда очень понятно объясняет. Жду еще про Gatsby)

[@elementalhero9939]

Просто пушка курс. Владилен ты лучший. Смотрю с удовольствием.

[@ilindev]

Отлично изъяснил для тех кто не понимает! Ждал чего-то нового. Спасибо за работу!

[@khumoyuninoyatov5553]

Спасибо за контент СЭНСЭЙ, жду видео про Formik. Было бы круто посмотреть продолжение данного видео с авторизацией или же соединения приложения на Next с Redux + Redux-Saga. =)

[@MegaMaxxon]

Супер! Отличный ролик по теме Next.js. Спасибо!

[@user-yb8zd6gj2f]

Владилен ,спасибо за твой труд ! отличнейшее видео , понял часть проблемных моментов , которые не понимал по документации .

[@user-lq4ms6bk8n]

Как всегда качественный курс, спасибо!

[@Andrey53283]

Просто уважение тебе! Все рассказал что хотелось услышать. И TypeScript затронул и про лоадер рассказал. Просто маст хев! Действительно невероятно интересная и удобная технология, буду теперь пользоваться. Спасибо за труды!

[@gabblz480]

Спасибо за видео, как всегда очень полезно, есть вопрос к тебе, планируется ли когда-нибудь выпустить ролик про профилирование кода? Или сделать мини-курс поэтому

[@istoric7221]

Спасибо! Браво Владлен Минин. NextJs

[@snd5543]

спасибо, как всегда все четко и по делу, ничего лишнего👍

[@maximshevchenko6202]

Половину вопросов увидел впервые, но уметь гуглить и понимать информацию полезно, плюс узнал, что то новое и где об этом почитать. Формат квиз - вопросов понравился.

[@darkdivaroom]

Большое спасибо! Очень интересный курс и отличная работа.

[@alexmaster1982]

Спасибо за ваши труди Владилен, с тестом круто придумали

[@eugenia9999]

оооо, как же это прекрасно !!))) спасибо огромное !!)))

[@user-wy1bp6ty2c]

Качество топ, спасибо большое))

[@undefin_ed9611]

Офигенно! Теперь я и next.js почти знаю!)) Спасибо большое!!! Осталось добить typescript...

[@nodirayakubova6395]

Большое спасибо тебе,спасибо что ты есть,продолжай в том же духе))

[@toni4i696]

Спасибо за знакомство с фреймворком! Очень полезно, теперь буду изучать TS))

[@user-xd1on3gr8q]

Все понятно и четко обьяснили, хороший канал.

[@romangromov7606]

Владилен, Вы хороший педагог. Сложные вещи объясняете простым языком. Спасибо!

[@xxxJohn1955]

Просто молодец, спасибо! Отличный курс

[@user-hj4cw8st5i]

Благодарю за труд! Вы очень многое делаете для нас

[@tedgregor]

Спасибо! Лично мне пошаговое воспроизведение твоих крэш-курсов помогает хоть что-то представлять о том, как это работает. Раньше была иллюзия, что если сесть крепко почитатть, то будет понятно, но это ошибка и путь к депрессии. Если хотябы повторять несколько раз пошагово - уже приходит что-то в ум, а если почитывать доки в перерывах - получается эффективно. Это очень круто.

[@user-gi7oc4hp9g]

Реально классно, а что интересно, все что надо, правда поверхностно, но главное что направление задано!)

[@mikhailanazarov]

Отличный курс! Спасибо.

[@aysommer]

Все понятно и доступно. Как чувак с опытом - быстро влился в SSR, мне понравилось.

[@rebel6052]

Классно все объясняешь, спасибо!

[@DenisMikhalev]

Годнота подъехала) Спасибо!

[@Kerimliful]

Хотел просто ознакомиться в течении 10 минут)))) , но блин настолько интересно и внятно информация передается что аж хочется смотреть и смотреть)) и так кстати просидел все 2:34:31))СПАСИБО!!!

[@YellowManPsypeople]

Благодарю. как обычно годный материал и подача. Смотрел правда на скорости 1.5. Благо, можно спокойно ускорять.. замедлять менее приятно получается. Пойду смотреть видос про новые операторы)).

[@vadicus6534]

Классный ролик. Спасибо, Владилен.

[@Zadorozhniy39]

спасибо Владилен за работу )

[@annagardt2360]

Владилен, спасибо! Видео мега крутое!

[@mixtronika]

Спасибо, дорогой! Видео очень помогло 🙏🙏🙏

[@user-cr3yl3gq9d]

спасибо за видео, очень хорошо рассказали. Еще очень интересно было бы услышать в таком же формате про Gatsby js

[@alex.frontender]

Спасибо большое за видео) действительно интересный контент и я закрепил свои пробелы по NextJS Хотелось бы увидеть ролик по StoryBook и как его применять на практике)

[@fedoskamcha3768]

друг! ты красавец! как же мне не хватало на моем проекте spa этих знаний хоть это и ssr )))))) большое человеческое спасиьо!) Мне дали тестовое на nextjs и как вводное видео это бомба!

[@kezukikezu3909]

Интересный формат доступа к курсу)

[@AndrewOBannon]

Я только начал изучать веб дев, подумал "ладно, зайду гляну просто что такое nextjs" и залип до конца видео. )) Спасибо.

[@user-nd9rp5tn5v]

Шикарно, спасибо!

[@mikewazowski7526]

Круто, что предложил поставить на паузу и подумать самим

[@sergk393]

Спасибо, даже на ускоренном 2х видео все было понятно)

[@innabaikova929]

Владилен, спасибо за курс! Как всегда четко и по делу) Для тех, кто будет смотреть курс и использовать версию 9.5.3 и выше - для динамических ссылок больше не нужно использовать декоратор as: nextjs.org/docs/api-reference/next/link

[@yaroslavdraha9251]

Заценил фишку с телегой! Чувак, у тебе крутые и понятные видеоуроки!

[@mikewazowski7526]

Очень понравился курс, спасибо! Чётко, лакончино, подсветил возможные проблемы (например, почему не ок использовать useEffect)

[@B_G_V]

Было бы круто увидеть такой же урок, но для 13 версии Next. 13 версия, как я понял сильно отличается от предыдущих. А если бы там был еще TS и Recoil (стейт-менеджер), то цены бы не было такому уроку :)

[@shazplay8878]

Недавно интересовался Next.js, а тут видосик:))) Спасибо!)

[@Pr0xytube]

Спасибо за ролик. Было довольно полезно.

[@user-mi4ms5be1o]

Спасибо, посмотрел на одном дыхании.

[@linarau8006]

Огромное спасибо! Очень крутое видео!!!

[@RewCSharp]

Спасибо за курс!

[@123Den4ik123]

Как всегда шикарный курс, особенное спасибо за блок с typescript но очень хотелось бы дополнение с подключением Redux, потому как с Next js это уже не совсем тривиальная задача.

[@vladimirv.myagdeev4221]

Спасибо за подарок на ДР)))

[@pannihto7588]

Респект за качественный и полезный контент

[@Maratreason]

Афигенный курс!

[@user-in9bh7xn7n]

Спасибо большое, по работе очень помогает

[@rinatkhusainov5894]

Спасибо! Перехожу с Nuxt на Next, потому что лучше хочу освоить React, jsx. Отличный ролик, советую для тех, кто хочет закрепить материал - пройти официальный tutorial. Там можно более детально прочитать насчет SSR, рендеринга во время build, отличие и использование. Отличие ролика Владилена от туториала - там говорится про getStaticPaths - пропс, передаваемый в динамический роут, где должны описываться все пути

[@robocip89]

у тебя для всего есть быстрый курс) спасибо

[@BbooyWind]

Спасибо большое за обзор!

[@catherinesamurai2277]

спасибо, мужик. ты крутой!

[@osmon1933]

вот про эту тему по больше курсов пожалуйста, очень интересная тема

[@steelhead4590]

спасибо, очень крутое видео. Посмотрел с удовольствием

[@dmytrofiialo4818]

Спасибо за работу!

[@eduardgrigoryan6052]

Спасибо большое Владилен

[@TheVirtyoz777]

Владилен поддержу того кто писал что ждем продвинутый next js + работа с реально бд, mongo например !

[@user-qg4rg8zs5l]

Суперский курс, огромное спасибо! Был бы особо благодарен, если бы вы показали как создать такое же SSR приложение только на Express.

[@MaximM999]

классный курс, спасибо!

[@user-ht9qb4fg6c]

Thanks, cool tutorial. Helped me understand next js

[@hamletmargaryan6764]

Круто придумано!)

[@vladkucheryaviy8781]

Привет. Как на счет разобрать стек next+graphql+apollo+strapi? Было бы очень интересно послушать твои объяснения

[@faizulla5838]

не пугай его...

[@miklerosswell3885]

Ben Awad.

[@GrOm_SG]

Отличненько. Как раз недавно один мини-сайт сделал на Next.js, но чувствую что не использовал все что можно было.

[@tigranovakyan4913]

Просто бомба)))

[@dmitry9463]

Супер классный урок по нексту. Хотелось бы еще увидеть продвинутый урок с использованием Redux, GraphQL, SSE...

[@user-fo8zl6iw9u]

Хорошая и качественная работа. За час (на х2) можно понять что это за конь и как на нем ездить. Великолепно!

[@user-sq1lc2sm3b]

Неистовый лайк тебе, человече!!! Деплой, расскажи про деплой, эта информация просто жизненно необходима. Не деплой на сервис типа Хероку, а на обычный кастомный сервер, чтоб совсем усложнить и развить идею - на IIS!!)))

[@alex-kobrin]

Спасибо, если посмотрел 40 минут и не выключил , одназначно досмотрю до конца. Понятно объясняешь.

[@raufhashimov241]

Курс супер.Если сделаете в udemy полный курс по NextJS то я буду первым из тех кто купит его :). Спасибо огромное и удачи вам.

[@alsergio6506]

Пока гуглил ответы для прохождения теста - уже прокачался)

[@URAGAN558]

Спасибо огромное))

[@user-hm9yv3qh2p]

Очень полезная информация и хорошо изложены основы. Был бы отдельно благодарен если бы осветили ситуацию когда нам нужно получить данные один раз для header или footer и сделать из доступными для всех страниц

[@user-pf5wy7zy1o]

Очень хороший контент!

[@user-fp2sh4gv6g]

хороший урок, спасибо!

[@user-pm4wq2rv9h]

Огромное спасибо!

[@user-je7ib6qe8y]

что интересно? ещё про next!! всё огонь, но хочется ещё)) давай next2.0))