Курс по Next js 14 - Без воды за 40 минут! RED Essence

[@jacktwinn]

Ничего себе) недавно начал делать коммерческий проект для себя, решил попробовать на некст для сео, и за 40 минут ты закрыл абсолютно все вопросы которые у меня возникли)

[@lobastov361054]

Формат и подача - огонь. Спасибо большое.💪 Единственный из блогеров по фронту, кого смотрю не на х2 скорости (на х1.5 вполне ок). В отличии от англоязычных коллег - минимум сюсюкания, все по делу. За 40 минут - польза половины англ udemy курса на 40 часов. Еще и на русском. Еще и с мэмами. Это разъеб.🔥

[@artmus9687]

Последний раз смотрел твои ролики год назад. Хочу сказать, что ты сделал огромный рывок в качестве видео. Удачи!

[@bobmagrega]

Максим, спасибо за ваши старания! Помогаете новичкам и не только быстрее въехать в технологии и ваш практический опыт помогает на старте уже познакомиться с нюансами. У меня начался второй год разработки, и я нашел вакансию не без помощи ваших видео, за что сердечно благодарю! На данном уровне моего опыта я уже в целом способен быстро разбираться с технологиями посредством чтения документации и в каких-то тяжелых случаях прибегаю к просмотру роликов, но что лично для меня остается сложным сейчас - это рефакторинг кода. Иногда непонятно как лучше декомпозировать компонент и его переиспользовать, особенно, когда у этого компонента бывают вариации и один компонент в чистом виде проблемы не решает. Встает вопрос: "Делаю ли я рефакторинг или пложу ненужный код?" Потому если вам было бы интересно поднять эту тему, то я бы, например, с удовольствием посмотрел такой материал. ЗЫ. Сейчас читаю книгу Чистый Код по вашему совету. Материал сложный, но стараемся освоить.Спасибо!

[@REDGroup]

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

[@Ырысмат-ь3в]

спасибо за такое видео я учу next js и не понимал весь его функционал,а в интернете много воды. я на первых 17 минут видео узнал больше чем за неделю

[@Egxr41k]

монтаж вау, а содержание еще лучше. ждем nest!)

[@zrxmax_]

владею инглишем, но у тебя вышел курс во всех смыслах более качественный чем я встречал среди всех западных

[@Atikan37]

Не могу подобрать, чтобы выразить своё восхищение! Просто машина!

[@gadkiy_designer]

Спасибо дядька, а то я гпт мучаю, не все очевидно и понятно. А еще ++, что ты быстро говоришь и по делу. А то некоторые так медленно говорят, что мозгу скучно становится и пока он договорит, мозг уже себе уже 100 задачек посторонних придумал)

[@RIdlsan]

Вообще огонь! Знаком с React но про Next js не слышал ничего. Теперь имею общее представление, респект что быстро и с нюансами всё рассказал

[@vadim_romanov]

спасибо, пощупал next немного)) формат понравился, особенно что информация идет как концентрат, то есть минимум воды, но такую тему как next в 40 минут уместить тяжело для таких крупных тем возможно можно и увеличить хронометраж, с учетом такого хорошего сжатого монтажа роста каналу) лайк)

[@ЕвгенийНекрасов-ч8ж]

Качество материала и его преподнесение - на высшем уровне. Кто за TypeScript, ставим лайк

[@AmericanDragon134]

Очень крутой формат - за 40 минут , Cупер коротко и ясно

[@sweety_emperor]

ОНОООООООООООО!!!!! снова полный курс вышел на новый уровень)

[@towardsee]

Отличный формат, очень информативно. Запили видео по связке Next.js + Strapi Спасибо!

[@freepeopleworldtv6138]

Ура. Как раз минута в минуту уже хотел смотреть next 5 часов по англ

[@k3nx750]

Очень крутой видос, и формат также. Все четко, коротко и ясно

[@alexdenuke]

отдаю товары в интернет-магазине по SSR, после этого видоса задумался на счёт SSG. Так же на счёт разделения бэка и фронта. Спасибо за информацию!

[@REDGroup]

Я бы рекомендовал ISR. У вас же будут новые товары добавляться

[@alexdenuke]

@REDGroup я на pages router там SSG с кешем, если не ошибаюсь

[@alex_vande]

Это точно бесплатное видео ? СУПЕР ! Столько полезной информации! Спасибо большое за огромную работу. Хотелось бы ответить на один вопрос с видео: "Где нужно сократить что-то еще" - мое мнение: не нужно сокращать)

[@DifficultPhil]

просто на лайте на расслабоне посмотрел ролик, умеешь заинтересовать к покупке курса)))

[@MrTopolevsky]

Спасибо за видео! Полезно, коротко и по сути! Просьба сделать видео где проект NEXTJS устанавливается не на Versel, на обычном хостинге. Есть ли в таких проектах трудности и особенности? Класным продолжением такой тематике будет разворачивание сайта на NEXTJS и NESTJS также на обычном хостипге. Пожелание сделать видео в таком же формате как и это видео. Дать готовый код и пройтись по основных моментах. Видео на 5 часов очень полезны однако на его создание идут огромные усилия. Может, стоит попробовать лайт вариант!

[@REDGroup]

Так уже было видео, деплой пару видео назад. Оно просто не набрало просмотров, но то что надо

[@sabrina-babajanova]

спасибо Макс! подача супер, все очень информативно

[@fanurkhusainov6542]

Спасибо как раз хотел сделать фронтовую часть на нексте в первый раз, а тут такой материал пришелся

[@ma1abakiev]

ляяяя, просто лучший. Продолжай в том же духе и превзойдёшь всех других ютуберов по фронту. Формат ахонь

[@tioma485]

спасибо большое за контент! монтаж супер :D

[@GARLEENBEATS]

спасибо за видео, теперь бы про nuxt послушать)

[@sanmarchen]

Монтаж бомба, формат бомба!

[@ВиталийГусев-ц8ф]

Продолжай в том же духе, Макс!🔥🔥🔥🔥

[@KralinRuslan]

Спасибо, Макс, за крутой контент. Красавчик

[@frk_91]

Однозначно NEST !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@kohanokhrin]

Спасибо большое за материал! Очень круто

[@Igor-uz3vn]

Очередной крутой ролик! Респект Макс! Я заметил что у тебя ещё не было ни одного web3 проекта...Ты не думал сделать что-то на нексте + блокчейн

[@REDGroup]

Эта тема мне не интересна

[@ГеннадийМарцинкевич-й2т]

Привет. Ты же кодишь на VScode? Порекомендуй новичкам cursor - улучшенную версию VScode с ИИ. Я перешёл и так кайфую. Если есть какая-то монотонная работа копировать-вставить или что-то вырезать, он тебе облегчит задачу и ускорит процесс, не придётся вручную это делать. Рекомендую!

[@Mono6lade]

Ред груп, попрошу в след таких уроках в файлах указывать их названия, а то не всегда все понятно. Спасибо!

[@samiissa5537]

Круто, давай так же про PostgreSQL или Docker.

[@MaS2tiK]

Поставил двухтысячный лайк, жду новый ролик)

[@REDGroup]

Спасибо, теперь все полные курсы на нашем втором канале red group+

[@ГеоргийАлександров-д9ц]

отличный контент и монтаж! Спасибо!

[@daniarmakyev9547]

монтаж на уровне!

[@holfizz7868]

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

[@REDGroup]

Хочется делать на широкую аудиторию, а широкой аудитории не нравится смотреть по 2 часа материала. Так бы я с удовольствием бы делал, но нужны охваты и просмотры

[@holfizz7868]

Я думаю что можно сделать сериал) И разбирать по несколько блоков материала в каждом видео, в любом случае ты тут имеешь больше опыта, и решать тебе)))

[@ЯрославЯнович-т6у]

Крутой ролик, возник вопрос про Route handlers, их вообще когда надо юзать, и нужно ли их вообще юзать, если придерживаться концепции фронт и бэк раздельно?

[@REDGroup]

Если концепция разделения, то в очень редких случаях. К примеру если работать с сессия

[@vorloger9679]

Видео очень классное, я как человек ебавший голову с языками от сишки до явы, и твой видос дал силы разобраться с Ява скриптом, он хотя бы не так страшно выглядит для меня чем ява, наверное стоит видосы с большей базой для новичков юниоров бахнуть, но мб у тебя уже на канале есть такие, если есть то по возможности скинь пожалуйста какие видео ты бы рекомендовал к просмотрю новичку в жс и некстжс

[@Рельныйобзор]

Очень крутой видос коротка чётка и ясно

[@VitalikLomakin-bt9oe]

Спасибо, как раз надо некст чекнуть

[@Влад-м6ш8г]

Ты лучший просто бро 😎✊

[@Бродяга-ц2в]

то что надо спасибо огромное ждём теперь nast :>

[@aiki5487]

Ролик огонь, спору нет. Но если Вы собираетесь продолжать эту рубрику, то хотелось бы чуть менее быстрый темп речи! Очень сложно переваривать мысли, которые произносятся как скороговорка)

[@REDGroup]

Это уже не исправить, такой у меня темп речи. Я около года занимался сценической речью и потом бросил, потому что теряется моя уникальность. А я этого не хочу.

[@andriystadnik7453]

Привет, подкажи, что сначало надо изучить, курс по реакту и потом по next или наоборот? Спасибо

[@REDGroup]

Конечно, сначала реакт

[@ProgIv]

Привет, а можно объеденить react(в качестве фронтенда) и django(как бекенд)? Или если пишешь на реакт, то бек должен быть node js/express js?

[@REDGroup]

Конечно можно. Не важен язык бэкэнда. Общение идет методом REST API или GraphQL

[@malfinbeats]

Можно объединить, используя drf и cors-headers, и ещё djangorestframework-simplejwt

[@ProgIv]

@@REDGroup спасибо

[@ProgIv]

@@malfinbeats спасибо

[@legytype140]

Что бы выучить NextJs нужно знать React ? Или я с базовыми js могу переходить сразу на Next? И я так понимаю код у nextjs другой по сравнению с react?

[@sega-r9w]

Подскажи пожалуйста, при выдаче в поиске твоего сайта, есть список страниц, как это реализовать? Это sitemap?

[@kiz0r]

очень познавательное видео, спасибо, Макс, за старания! Тему из видоса не нашел( Можно ссылку?

[@REDGroup]

Это стандартная тема vs code

[@ilyatemnikov9624]

Чел, я тебя люблю.. Если вдруг случайно тебя встречу, можно подойти и обнять по братски? Контент божественен

[@ГлебГлебов-б3т]

Спасибо за ролик

[@vadimknabaev8597]

Здорово Макс, а как добавить мультиязычные настройки в эту структуру некста

[@spitfire4725]

Хотелось бы полный разбор неста)))

[@ПавелКазакевич-г7ц]

СУПЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕР!

[@closedall8764]

Есть ли смысл писать на React или эта библиотека является его полной заменой. Если же нет, то для каких конкретных случаев и задач она подходит лучше чем React

[@REDGroup]

В видео есть тайм код на эту тему. Это продолжение реакта. Сначала учим реакт, потом некст

[@polinaigrushkina4489]

Спасибо за видео!)) У меня вопрос про обработку 404 ошибки, в чем разница между not-found.jsx и error.jsx ?

[@YonchiMolnar]

Очень прикольно! Интересно бы посмотреть как обезопасить приложение имея сторонний бекенд с AuthJS v5. Например я передаю на бек логин и пароль (Credentials) получаю в ответ Access и Refresh Токены. Как их использовать для защиты страниц, и для запросов к бекенду в целом?

[@REDGroup]

Эта тема была в мастер классе авторизация 2.0

[@creese85]

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

[@НикитаОсипов-ь6м]

Пушка!

[@dowranorazow6584]

Отличный ролик , но вы слишком сократили этот ролик. Могли бы коснуться то чего вы хотели коснуться. Я с радостью посмотрел бы как вы пишете код и как вы пользуютесь внешними библиотеками

[@REDGroup]

Пока щупаем форматы, хочется больше просмотров, поэтому и делаем более интересные видео для широкой аудитории

[@APMApm-xx9qk]

Очень крутое видео Макс, просто бомба!!🔥 Как раз начал писать на next. Но у меня есть одна проблема, которую я долго не могу решить. Допустим я на клиенте сохраняю и получаю значение из localstorage и хочу менять контент в зависимости от него. Но у меня выходит ошибка, так как данные на сервере и на клиенте отличаются(вроде называется гидратацией). И как тогда быть в этой ситуации, может нужно заменить localstorage на что-нибудь другое ,если хочу что-то сохранить и чтобы оно после перезагрузки оставалось. Все это происходит на клиенте с использованием директивы "use client".

[@REDGroup]

Нужно через useeffect работать

[@евгешааксентьев]

Тебе нужно использовать useEffect, так как изначально все компоненты, даже клиентские, выполняются на сервере.

[@НикитаОсипов-ь6м]

Парни ответь на вечный вопрос, надо ли что-то менять в tsconfig?

[@domikpriklyocheniu3611]

Чтоб изучить некст в каком порядке смотреть твои видео по нексту? или только это видео?

[@REDGroup]

Только это видео

[@Freedom_Code]

Привет, посмотрел на одном дыхании видео. Есть вопрос. Что делать, если у меня приложении на NEXT.js, но backend пишется на Laravel Исходя из видоса сложилось ощущение, что NEXT -- это история про то, как все делать внутри него. Но наверняка же он нормально существует в рамках концепции микросервисов

[@REDGroup]

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

[@MarshaL-l4i]

Привет, скажи пожалуйста, будет ли видео о graphql?

[@REDGroup]

Пока не планируется

[@Антон-ы9й1ф]

Макс, а вот возник вопрос. Используя redux toolkit мы оборачиваем layout в провайдер, то есть логично что все компоненты становятся клиентскими, как этого можно избежать?

[@rimi4014]

А зачем, если внутри лейаутов будет ui? Опиши конкретнее твой вопрос

[@whoooooo]

Нет, оборачивая весь проект в Providers где 'use client' это не значит что все компоненты будут клиентскими! Будет только конкретно этот клиентским, а внутри проекта так-же можно использовать и северные и северный-статик

[@Антон-ы9й1ф]

@@whoooooo а как можно явно указать какой будет серверным к примеру?

[@whoooooo]

@@Антон-ы9й1ф для этого есть 'use client' - Выполняется на клиенте, но может быть пред загружен на сервере если он статический. В этом случае он (static) 'use server' - Это как раз северный компонент. По умолчанию если ничего не указать то nextjs будет автоматический его определять как северный.

[@whoooooo]

@@Антон-ы9й1ф не знаю почему прошлый комент куда-то пропал :) Вот нашел вырезку хорошо поясняющею use server: Компоненты, отмеченные как use server, выполняются исключительно на сервере. Это может быть полезно для задач, требующих обработки данных на сервере, таких как обращения к базам данных, обработка конфиденциальной информации или операции, которые не должны быть видны или доступны на клиентской стороне. Компоненты, отмеченные как use server, не посылают свой JavaScript-код в браузер, что сокращает объем передаваемых данных и ускоряет загрузку страницы. use client: Компоненты, работающие с этой меткой, выполняются исключительно в браузере пользователя. Это полезно для динамических интерактивных элементов интерфейса, которые требуют быстрого ответа без повторного обращения к серверу, например, анимации или обработка ввода пользователя в реальном времени. Отсутствие обеих меток: Если компонент Next.js не помечен ни как use server, ни как use client, он по умолчанию обрабатывается как универсальный компонент. Это означает, что он может исполняться как на сервере, так и на клиенте. Next.js оптимизирует, где именно выполнять такие компоненты на основе их использования в приложении и текущих требований к производительности.

[@heorhiiev]

спасибо!

[@domikpriklyocheniu3611]

Что за тема иконок?

[@КириллКлопов-ъ1б]

огонь

[@romanFactsPedia]

FAST API + NEXT js. (like)

[@yadev3646]

Какой плагин установлен в редакторе, который подсказывает в выпадающем окне опции Next.js ? 🔔🔔🔔🔔🔔

[@johna6436]

Спасибо!

[@АлександрВидин-с6я]

пасибо

[@ЕрсултанТулемис-р2ю]

лайк авансом

[@IlyaBesprozvannykh]

Макс, привет! Можешь разобрать архитектуру feature-sliced-design и создать на неё основе проект на Next.js?

[@REDGroup]

Привет, эта «архитектура» не стоит отдельного видео

[@front_interviews]

Пусть Господь наш Иисус Христос откроет для всех нас окна небесные и изольет на всех нас благословения до избытка! Аминь! Аминь! Аминь! Всех благ!!!

[@bekboltailakov6944]

Как называется болезнь когда ставишь лайк ещё не просмотрев видео?

[@timur.shhhhh]

Хорошее начало видео

[@shba_shorts]

умением оценить труд и огромные знание 🔥

[@ngkqz]

Лайк мания

[@ksataburashi740]

доверие

[@AndreyAndrey-nx6uj]

Лайкомания😅

[@Unnamed-r8x]

NEST!

[@AlexeyRiched]

можете помочь составить роадмап для фуллстак разраба с 0 на базе ваших курсов? или интенсивы не для новичков?

[@REDGroup]

Напишите в наш тг бот @red_support_bot

[@AlexeyRiched]

@@REDGroup написал но там тишина че то)

[@REDGroup]

Да, ответ не быстрый. Так как отвечаю в основном сам, пока в команде нет человека на постоянной должности. Ожидайте

[@ИванКозлов-й8в]

17:55 - middleware имеется ввиду? Как-то давно завис над похожей задачей (надо было slug получить, но оставить компоненту серверной) так и не получилось решить. Ну это pet проект, поэтому забил на время. Можете дать пару идей как решить эту проблему? Использую next 14 на проекте

[@andrsh9388]

slug в сервер комопнентах получаєм через пропс params наприклад : const async Component = ({ params }: {params:{slug: any}}) => {}

[@ИванКозлов-й8в]

@@andrsh9388 спасибо, на днях попробую 👍

[@lerealiste3338]

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

[@ИванНельсон-и5ж]

🚀🚀🚀🚀🚀🚀🚀🚀🚀

[@blackhok1761]

BOM!!

[@azittoo4362]

🐝

[@timur.shhhhh]

👍

[@ИванКозлов-й8в]

Может ролик про интернациализацию? Раз сюда не поместилась.

[@REDGroup]

Слабая тема для полноценного видео

[@ИванКозлов-й8в]

@@REDGroup ну тут согласен. А если шорт? наверное будет мало времени😅 Хотя можно разбить на две части, то есть два шорта. И сделать как всегда супер выжимку по тайму 👍

[@REDGroup]

Пока не понятно. Сейчас немного о другом мысли, о полной смене формата канала

[@ИльяОрлов-в5ю]

А разве запрос на сервак next js это не тот же запрос, который может дорого стоить?

[@REDGroup]

А где мы делаем запрос на сервер nextjs? Серверная часть в нексте это не сервер это немного другая прослойка которая называется edge

[@kaemxk]

Давай видео с использованием supabase

[@chababanana]

Может я старый, но как-то не воспринимаю роутинг через папки всерьез

[@barackobama386]

как тебе Drizzle?

[@REDGroup]

Хорошая тема, но сам еще не пробовал

[@fruzi0453]

Привет, не работает ссылка с настройкой VSCode

[@REDGroup]

Привет, на канале одно из последних видео с настойкой есть

[@fruzi0453]

@@REDGroup Спасибо)

[@ВячеславС-к1м]

no-cash не по-умолчанию. По умолчанию всегда статика.

[@YehorPotebenko]

Tailwind

[@javohirshuhratov6204]

Сними видео про Grpc

[@Умарбек-Махмадиев]

у кого начальные компоненты nextjs поменялись?

[@DaniyalMeiramkhanov]

Redux please

[@crafters2454]

5-тый

[@ЕгорЕсиков-ш7и]

го по vue js 3