⚡️ Быстрый курс по Next.js | Уроки next.js для начинающих

preview_player
Показать описание


Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 300 лайков и я снимаю еще ролик про Front-end

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!

🍥 Тема в редактор/IDE - Moonlight (Material)

00:00 - Начало
01:27 - Преимущества
04:39 - Установка проекта
05:18 - Разбор структуры
07:22 - Проект, который будем делать
07:43 - Роутинг
09:10 - Компонент Head
13:20 - Установка SCSS
18:43 - getServerSideProps
21:38 - getStaticProps
23:44 - getStaticPaths
25:40 - Tailwind CSS
35:06 - У меня не получилась сборка проекта
38:33 - Спасибо за просмотр!

#NextJs #FrontEnd #БыстрыйКурс #RedGroup

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Рекомендации по теме
Комментарии
Автор



Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 300 лайков и я снимаю еще ролик про Front-end

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!

00:00 - Начало
00:37 - Что такое Next.js?
01:27 - Преимущества
04:39 - Установка проекта
05:18 - Разбор структуры
07:22 - Проект, который будем делать
07:43 - Роутинг
09:10 - Компонент Head
11:35 - Кастомный document.js
13:20 - Установка SCSS
14:00 - Создание своего API на next.js
18:43 - getServerSideProps
21:38 - getStaticProps
23:44 - getStaticPaths
25:40 - Tailwind CSS
26:18 - Практика Next.js
35:06 - У меня не получилась сборка проекта
38:33 - Спасибо за просмотр!

REDGroup
Автор

Этот человек реально не какой нибудь так верстальщик а Веб разработчик фронт + бэк.Знантя просто восхитительны и с ними можно делать все что захочется душе.Учитывая какие гигантские проекты он делал.

GamePlay-mwbw
Автор

Отличный контент, один из китов фронта в ютубе!
Попробуй сделать проект не монолитным, а более обширным, где присутствует все возможные комбинации веб-платформ, хотелось бы увидеть большой проект, где ты используешь React и Redux, или Angular и NestJS и так далее.

ulankdt
Автор

Отличное видео 👍 Тоже люблю next js. Пару вопросов - почему все не переходят на него при его крутости, а остаются на обычном реакте? Второй вопрос - если в интернет магазине много тысяч товаров, то next js будет генерировать для каждого товара отдельную страницу?

biLLie_wiLLie
Автор

Здравствуйте, можете пожалуйста снять видео, по плану карту изучения типо что учить поочередно от фронт енд до бекенда

diokgg
Автор

Может, кому поможет. Залила проект с Next-бэком на Vercel, сборка упала. Закомментила бэк, перезалила, все ок. Сохранила адрес моего сайта в сети, потом раскомментила бэк, добавила Vercel'овский сгенерированній url в переменную для API, чтобы именно туда шло обращение за данными на проде. И так уже работает. Такие окольные пути.

di-dev
Автор

Почему у меня при создании нового проекта (делаю как в видео) не такая структура, нет папки pages например?

beybnol
Автор

Привет, спасибо за огненные уроки)
Планируется что-нибудь по мобильным приложениям на react native?)

asmix
Автор

а сильно ли код отличается от реакта? те же редакс тулкиты, хуки или в нексте пишется по-другому? И как я понял некст получше реакта?

lfbljfp
Автор

Может дело в том, что юзер(клиент) и бекенд работают на одном порту? Типо с бека приходит собранный html, но данные с бекенда фронт получить не может, так как он как бы сам себе стучится? Других идей нету, мне кажется где-то вот в этой области проблема. Ведь когда ты делаешь отдельно фронт и бек, у тебя локалхост:3000 и например локалхост:5000

hitotsu
Автор

Видео классное, но почему то на всех именно твоих видео у меня артефакты и цвета немного меняются)))

umveczt