Полный курс по Next.js 13.5 - Изучи новый Nextjs за 54 минуты!

Поделиться
HTML-код
  • Опубликовано: 26 сен 2024

Комментарии • 82

  • @REDGroup
    @REDGroup  11 месяцев назад +4

    Лайки набрали, начинаем подготовку к видео, будет в след году
    💎Бонусный урок + ДЗ + Исходник уже доступны по нашей общей подписке в разделе "Видео" на платформе - htmllessons.ru/premium
    00:00 - Начало
    02:33 - Основные изменения
    03:25 - Инициализация Next приложения
    07:35 - Новая структура APP
    12:53 - Роутинг
    15:12 - Как работают layout?
    21:00 - loading, not-found
    23:18 - SEO и Meta данные
    27:17 - Клиентские vs серверные компоненты
    35:22 - Как теперь получать данные SSG, SSR, ISR
    40:26 - Подключение шрифтов
    43:38 - Как теперь делать авторизацию?
    50:39 - Turbopack
    53:18 - Продолжение практики

  • @tyortyo
    @tyortyo 8 месяцев назад +3

    Обычно мне тяжело смотреть обучающие ролики. У тебя хорошие пояснения, доходчивое объяснение теории с указанием на первоисточник. Буду дальше следить за твоим каналом. Спасибо!

  • @shakapaker
    @shakapaker 11 месяцев назад +10

    Все теперь пора пилить про next 14 ))

  • @ВладиславТеслюк-х2у
    @ВладиславТеслюк-х2у 6 месяцев назад +2

    Ждем курс по авторизации)

  • @СергейДенисенко-к4к
    @СергейДенисенко-к4к 11 месяцев назад +5

    Уже неделю чекаю ютуб, ни у кого из русскоговорящих про nextjs 13.5 ничего до сих пор нет. Не понимаю, почему это видео незаслуженно набрало всего лишь 8.5к просмотров и 921 лайк, когда годный контент у автора появился самым первым. Надеюсь, что не смотря на отсутствие достаточного кол-ва лайков, мы все-таки увидим в свое время обещанную авторизацию. В чем сложность кликнуть на лайк, не понимаю, сами же смотрите и черпаете для себя полезную информацию, а в благодарность просят всего лишь кликнуть мышкой один раз на палец вверх) Прям какое-то максимальное неуважение к автору и его времени, которое он тратит для вас. Фу такими быть)) Спасибо за видео! Лайк однозначно!

  • @СергейДенисенко-к4к
    @СергейДенисенко-к4к 11 месяцев назад +8

    Давайте поскорее добьем до 2к и получим годный контент как делать авторизацию в новом next

  • @АнатолийГорбов-о1ь
    @АнатолийГорбов-о1ь 11 месяцев назад +8

    Макс, канал супер! Спасибо за такие видосы, полные разборы, с нюансами и примерами! 🎉

    • @REDGroup
      @REDGroup  11 месяцев назад +1

      Пожалуйста)

  • @kuzpugonka1
    @kuzpugonka1 11 месяцев назад +26

    Патчи забыл снять

  • @ИгорьМедведев-ы6у
    @ИгорьМедведев-ы6у 6 месяцев назад +1

    Я в шоке, очень круто !

  • @lumberpants8815
    @lumberpants8815 11 месяцев назад +11

    Очень хочется авторизацию) Скорей бы лайки набрались!

  • @Progger_io
    @Progger_io 10 месяцев назад

    Блин с кайфом сижу хаваю и смотрю. Понимаю лучше чем когда сижу перед компом

  • @NoName-ee7eq
    @NoName-ee7eq 11 месяцев назад +2

    12:15 chown = change owner ...
    UPD: это то, как правильно произносить(если не понятно)

  • @Integrations1Cv8
    @Integrations1Cv8 10 месяцев назад

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

  • @alexanderkomanov4151
    @alexanderkomanov4151 11 месяцев назад +2

    Спасибо огромное! Просто сказка!

  • @RewCSharp
    @RewCSharp 9 месяцев назад

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

    • @REDGroup
      @REDGroup  9 месяцев назад

      Пожалуйста

    • @RewCSharp
      @RewCSharp 9 месяцев назад

      @@REDGroup можно вас спросить? Куда нужно импортировать dashboard, чтобы, при запуске, Next js находил его? Просто я запускаю, как и вы проект, прописываю папку (в url) откуда хочу запустить файл мой, но мне выпадает ошибка 404 | This page could not be found

    • @REDGroup
      @REDGroup  9 месяцев назад

      В папку app и не забудьте сделать файл page tsx внутри dashboard

    • @RewCSharp
      @RewCSharp 9 месяцев назад

      @@REDGroup спасибо!

  • @RuslanPopkov
    @RuslanPopkov 8 месяцев назад

    Спасибо! ✌

  • @vazgenaleksanyan2929
    @vazgenaleksanyan2929 9 месяцев назад

    Все супер спасибо. А на счет SSR, один пользователь один запрос к серверу, может оставим это к бекенду, как и всегда было, пусть кешируют что нужно.

    • @REDGroup
      @REDGroup  9 месяцев назад

      Тогда можно и к php вернуться

  • @farkhad-rh
    @farkhad-rh 11 месяцев назад +2

    Думаю это один из самых лучших курсов что есть в открытом доступе, многие будут очень благодарны 🙌, как всегда шикарен и спасибо тебе 🔥🔥🔥

    • @REDGroup
      @REDGroup  11 месяцев назад

      Пожалуйста 🙏

  • @HolyMasster
    @HolyMasster 10 месяцев назад +1

    бесплатно для тех кто купил подписку)
    "вы можете жить в этой квартире бесплатно, пока платите деньги" =))))))

  • @ШерзодИсрофилов-м7н
    @ШерзодИсрофилов-м7н 11 месяцев назад +2

    Макс спасибо за видео я ждал это видео 🔥🔥🔥

  • @alexsvistunov17
    @alexsvistunov17 Месяц назад

    получается теперь не надо использовать getStaticprops и другие функции?

  • @Burbon211
    @Burbon211 11 месяцев назад +1

    Всегда поражаюсь твоей работоспособности :)

  • @ruslangilyazov7733
    @ruslangilyazov7733 9 месяцев назад

    Патчи это классно!

  • @ДанилАнтошкин-ш9т
    @ДанилАнтошкин-ш9т 11 месяцев назад +1

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

  • @frk_91
    @frk_91 11 месяцев назад +2

    Теперь жду Авторизацию ❤❤❤

  • @mramoer6272
    @mramoer6272 7 месяцев назад

    Подскажите, кто проходил курс на официальном сайте Next.ks, у вас тоже tailwind стили не прогрузились на сайте? Проект скомпилировался, стили tailwind там указаны, все дела. Это из-за ранней беты, о которой Макс говорил или что?

  • @infogreatgames
    @infogreatgames 11 месяцев назад

    конечно, про авторизацию очень интересно, т.к. большинство проектов её требуют.

  • @confymarlow
    @confymarlow 11 месяцев назад +1

    Я ждал этого 🎉🎉🎉

  • @minimalstory
    @minimalstory 9 месяцев назад

    печально что лайков мало.. не ценит народ качественный контент(

  • @НикитаМальцев-н8в
    @НикитаМальцев-н8в 7 месяцев назад

    Макс привет. Большое спасибо за видео! У меня такая проблема. не могу заставить работать кастомную страницу 404. Когда на компе запускаю - всё работает, а после загрузки на хостинг - отображается дефолтная страница. Что можно сделать?

  • @TonyPony7
    @TonyPony7 6 месяцев назад

    cразу лайк за патчи

  • @ТатьянаМеханикова-п5р
    @ТатьянаМеханикова-п5р 10 месяцев назад

    А как пульсирующий курсор сделать?

  • @IdealAkaIdeality
    @IdealAkaIdeality 11 месяцев назад +2

    А мне лайк за просмотр и мой лайк?
    Буду смотреть с удовольствием.

  • @vazgenaleksanyan2929
    @vazgenaleksanyan2929 9 месяцев назад

    А на счет getStaticProps и getServerSideProps я правильно понимаю что в новой версии нет нужды использование, так как уже можно прям в серверном компоненте запросы делать. или что то не доганяю этот момент

    • @REDGroup
      @REDGroup  9 месяцев назад

      Есть нужда для оптимизации скорости загрузки, запросы да прям в компоненте, но там же можно указать статику

  • @admenmod
    @admenmod 11 месяцев назад

    подскажите пожалуйста как быть
    у меня есть моя мини либа, в которой есть модули чисто для клиента, и мне нужно чтобы сервер не смотрел на них, но он мне кидает ошибку что типа в runtime (на стианице) нет, например HTMLElement или document, а в консоль пишет что то типа (ssr) не удалость что то там сделать бла-бла-бла, если надо могу скинуть текст ошибки

  • @Sergei546
    @Sergei546 11 месяцев назад +1

    топ

  • @cubizm
    @cubizm 9 месяцев назад

    2000 лайков набралось, ты снимешь видео про авторизацию?

    • @REDGroup
      @REDGroup  9 месяцев назад

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

  • @ДенисВоеводин-ц2н
    @ДенисВоеводин-ц2н 11 месяцев назад

    Что установить, что бы при написании nc + tab компонент разворачивался????

    • @REDGroup
      @REDGroup  11 месяцев назад +1

      Это мои кастомные сниппеты, может когда нибудь опубликую

  • @akbarkadyrov4619
    @akbarkadyrov4619 11 месяцев назад

    Макс будет скидка на тариф навсегда в ближайшее время - допустим на хэллоуин??

    • @REDGroup
      @REDGroup  11 месяцев назад

      Нет, не стоит думать что у нас будут постоянные скидки. У нас цена и так низкая

  • @juniorit7940
    @juniorit7940 11 месяцев назад

    Будет ролик о Next Js 14?

    • @REDGroup
      @REDGroup  11 месяцев назад

      Ничего нового там нет, чисто формальная версия

  • @yppi1252
    @yppi1252 10 месяцев назад

    Будет ролик про next 14?

    • @REDGroup
      @REDGroup  10 месяцев назад

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

  • @zhumabekovich7180
    @zhumabekovich7180 11 месяцев назад

    nextjs snippets какой у тебя ?

  • @azizbekkomilov3589
    @azizbekkomilov3589 11 месяцев назад

    Макс привет ) языковой настрой как будет в next 13.5 ? )

    • @REDGroup
      @REDGroup  11 месяцев назад +1

      ?

    • @azizbekkomilov3589
      @azizbekkomilov3589 11 месяцев назад +1

      Интернационализация в Next.js 13.5 ждём такой видео от тебя ! Спасибо за видео лайк тебе ! @@REDGroup

  • @РаджанБайхомбаев
    @РаджанБайхомбаев 11 месяцев назад +1

    ставьте лайки быстрее )

  • @frk_91
    @frk_91 8 месяцев назад

    Братец, 2k like уже собралось. Хде авторизация?? 😀😀

    • @REDGroup
      @REDGroup  8 месяцев назад

      В процессе, это не быстрый ролик

  • @h_worker1826
    @h_worker1826 11 месяцев назад +1

    Какая цветовая схема?

    • @REDGroup
      @REDGroup  11 месяцев назад

      Каждый выпуск пишу в описании

  • @NayroTV
    @NayroTV 11 месяцев назад +3

    Что то грустный ты какойто в этом курсе(

    • @IdealAkaIdeality
      @IdealAkaIdeality 11 месяцев назад +1

      Улби иди пили новое видео

    • @NayroTV
      @NayroTV 11 месяцев назад

      @@IdealAkaIdeality Да занят я... пока не могу

    • @REDGroup
      @REDGroup  11 месяцев назад +5

      Уставший немного, мне нужно было 3 больших видео и 15 шортс записывать в 3 дня перед уездом

  • @daddyj2049
    @daddyj2049 11 месяцев назад

    Недавно был аукцион, когда будут выигранные темы? И что с пощапрошылм аукционом там де тоде были темы, которых еще не было или я ошибаюсь?

    • @REDGroup
      @REDGroup  11 месяцев назад

      Я же сказал на аукционе, первая тема будет спустя 1.5 месяца, большие проекты требуют подготовки. Следующие по очереди, а 3 и 4 тема бонусные, если будет для них место снимем в будущем. Все правила аукциона были оговорены.

  • @Someone9379992
    @Someone9379992 10 месяцев назад

    Ютуб порекомендовал видос, очень достойно! Темп подачи, содержание ролика, подача - всё супер. Из забавного - некст в итоге пришел к php фреймворкам многолетней давности, страничка отдается с сервера, а на ней клиентские компоненты (на реакте или ву жс, или упаси Боже жкуери).

    • @REDGroup
      @REDGroup  10 месяцев назад

      Да и это печально(

  • @sergeystory6440
    @sergeystory6440 11 месяцев назад +2

    ждем auth и его middleware, особенно с помощью библы next-auth

    • @REDGroup
      @REDGroup  11 месяцев назад +1

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

    • @sergeystory6440
      @sergeystory6440 11 месяцев назад

      @@REDGroup тоже около 2-х недель ушло на next-auth;( не так все просто как должно было быть , про костыли согласен )
      Ждём тогда custom variant :)

    • @sergeystory6440
      @sergeystory6440 11 месяцев назад

      Ждем видео по next 14 и server actions)

    • @REDGroup
      @REDGroup  11 месяцев назад

      Не буду бежать за каждой новой версией, слишком быстро все обновляется

  • @ДмитрийРоманов-м8ш
    @ДмитрийРоманов-м8ш 11 месяцев назад +1

    Супер. NEXT.js v13❤