Next.js #2 Страницы и Роутинг (Pages & Routes)

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025
  • #YauhenK #webdev #Next #Nextjs
    Всех приветствую в курсе «Next.js».
    В данном видеокурсе мы с вами рассмотрим фрэймворк для серверного рендеринга - Next.js. Разберём основные концепции по типу роутинга, создания страниц и копонентов. Рассмотрим разницу подходов SSR (Server Side Rendering) и SSG (Static Site Generation), а так же подключим их в приложение. Рассмотрим, как Next.js ускоряет загрузку приложения и улучшает работу с SEO. И в заключение выполним типизацию с помощью TypeScript и загрузим готовое приложение на бесплатный хостинг Vercel.
    ✒ Репозиторий курса:
    ✔ GitHub: github.com/Yau...
    ✒ Полный список готовых и планируемых курсов:
    ✔ Trello: trello.com/b/R...
    ✒ Автор курса:
    ✔ RUclips: / yauhenkavalchuk
    ✔ Instagram: / yauhenkavalchuk
    ✔ Twitter: / yauhenkavalchuk
    ✔ VK: YauhenK...
    ✔ LinkedIn: / yauhenkavalchuk
    ✔ GitHub: github.com/Yau...
    ✔ VK (Группа): webdevcom
    ✒ Поддержать развитие канала: github.com/Yau...

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

  • @prostreyd
    @prostreyd 3 года назад +15

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

  • @akuma8865
    @akuma8865 3 года назад +5

    Хороший курс) Смотришь каждый день по 5 мин и запоминаешь кусочками, а в конце получаешь знание целого фрэймворка, спасибо)

  • @ilyamodestov811
    @ilyamodestov811 3 года назад +4

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

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад +1

      Спасибо большое за отзыв!

  • @andygr1n1
    @andygr1n1 3 года назад +2

    реально круто для новичков, еще и typescript интегрировать будете. Супер)

  • @4uikina
    @4uikina 2 года назад

    Идеальный формат! Содержательно и ясно. Очень рада, что встретила ваш канал!

  • @hannahryhorieva
    @hannahryhorieva 3 года назад +1

    Спасибо!!! Пушка-бомба-ракета! Всё четко, ясно по теме.

  • @koreikin
    @koreikin Год назад

    спасибо за работу и такой полезный контент.

  • @TheLemutant
    @TheLemutant 2 года назад

    Очень просто и круто, спасибо!

  • @olehy5000
    @olehy5000 3 года назад +1

    Супер! Давай еще!)

  • @ВсеволодРусинский
    @ВсеволодРусинский 2 года назад +1

    Этот комментарий создан в качестве уважения автору и для продвижения его канала.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 года назад

      Спасибо

    • @perstj5746
      @perstj5746 Год назад

      ​@@YauhenKavalchukа нужно ли импортировать компоненты в next js

  • @nurlanmehdiyev7428
    @nurlanmehdiyev7428 3 года назад

    Отлично!

  • @ahliyorshodiev1986
    @ahliyorshodiev1986 3 года назад

    Здравствуйте, планируйте ли вы запускать курс по архитектуре по react или next js ?

  • @totalcount
    @totalcount 2 года назад

    Вопрос.
    Если удалили новость и вернулись на списочную, то эта новость все ещё будет закеширована и только после обновления страницы пропадет, как это разруливается?

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

    С использованием index.js в дочерних компонентах как редиректить на главную? Копипастить её в каждую папку?

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

      Не совсем понял вопрос(

  • @anarmammadhasanov7987
    @anarmammadhasanov7987 2 года назад

    добрый день. я бы хотел уточнить, может быть потом будет но на уроке routing я бы хотел узнать как используя маппинг,меняя ид может для каждого user -а или продукта создать отдельную страницу. буду рад если ответите. Спасибо за уроки

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 года назад

      Тема страниц с отдельными динамическими роутами будет в следующих уроках

  • @GreatVolcano
    @GreatVolcano 3 года назад

    next так-то вообще тема

  • @DUB-bm9tq
    @DUB-bm9tq Год назад

    Очень хотелось бы обновлённую версию урока под Next.js 13 с новым роутингом app.

  • @Анна_Бояршинова
    @Анна_Бояршинова 3 года назад

    Почему если установить в Арр роутинг с компонентами , то папка pages игнорируется совсем? Роутинг происходит только по указанным роутам в

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Как делать навигацию описано в следующем видео. В next свои особенности

    • @Анна_Бояршинова
      @Анна_Бояршинова 3 года назад

      @@YauhenKavalchuk в том видео вы не используете поэтому задала такой вопрос

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад

      Потому что механизм роутинга в next отличается от роутинга обычных react приложений

  • @_iGer
    @_iGer 3 года назад

    А как можно в роут передавать какой-то параметр, к примеру id ?

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 года назад +2

      Объяснение будет в следующих видео

  • @WockeezChannel
    @WockeezChannel Год назад

    Next.js похож ведь на react?

  • @jihnordraven-zr7cv
    @jihnordraven-zr7cv Год назад

    Не понимаю в чем смысл ставить написание кода на х3 ускорение

    • @YauhenKavalchuk
      @YauhenKavalchuk  Год назад

      Что бы аудитория не скучала. Многие всё-равно на x2 смотрят

  • @gimtonic
    @gimtonic 3 года назад

    0:35 в общем и целом)