Не факт. Я давно заметил, что длинные ролики отличаются от коротких лишь наличием воды. И исключения редки. Про данный ролик я пока не знаю, может он и является исключением. Но есть 99% вероятность, что нет. Проблема длинных роликов обычно в том, что там рассказывается много лишнего, например, в роликах про условный Next.js начинают рассказывать базу по обычному JS или базу про виды запросов или начинают версткой заниматься, красоту никому ненужную наводить 🤦♂️ Как будто человек решил начать изучение не с технологий и языков, а сразу с не самых простых фреймворков. Поэтому лично меня, наоборот, такая продолжительность всегда пугает тем, что там может быть много лишнего.
@@ArchakovBlog Некоторые моменты наводят много вопросов, но в принципе норм. Но жалко, что ты не показал как развернуть у себя запросы и у многих на 4 часе возникнет вопросы - а как это сделать и забьют на курс)
Карл хочу тебе сказать....Человеческая жизнь имеет смысл, если он приносит пользу этому миру. Так вот, ты приносишь огромную пользу, ты делаешь огромный вклад и меняешь жизни людей в лучшую сторону. Ведь благодаря твоим курсам, люди (например как я) находят работу. Спасибо тебе!
Это шедевр. Вступление про "гарантированно научишься пилить любые проекты" - правда. Тут есть все. Особенное золото - объяснения по схеме призмы. Прошел за 36 часов. Дождались грандиозного возвращения. Спасибо огромное.
Один-два раза в год хожу в интернет посмотреть актуальные технологии, обновления и прочее по JS, React и связанным темам - каждый раз данный канал актуален, имеет крутой контент и учит чему-то новому. Автору уважение и процветания. Желаю и дальше радовать нас объемным и актуальным контентом ;)
Шикарный курс, максимально все подробно разжевано, как джуну объяснение просто идеальное, прошел за 2 недели, допилил под себя админку и по мелочи всякие моменты, на локальном уровне все ок, деплой работает идеально) Большое спасибо!
"Если человек начал делать заказ и (УМЕР) во время заказа, то присваивается статус CANCELED" ))) - Денис ты смешил нас в React-Pizza и здесь продолжаешь))) Молодец! Спасибо!)
нет, это благодаря тебе этот канал существует! Благодаря курсу по реакт пицца я сделала свой проект. Свой первый проект на реакт, и вообще первый завершенный проект. Я пыталась смотреть других авторов, но только с твоими курсами становится понятно, что и как нужно делать. Как будто меня взяли за ручку и провели от начала до конца. А новый ролик как раз включает всё то, что мне нужно для продолжения пути. Спасибо! Ты - солнце! 💜
Привет ! Скажи сколько стоит твой проект если не секрет ? Или подобный. Я понимаю что можно договорится и за суп ))) но мне интересны реальные значения .
Я это сделал! Весь код писал руками, естественно не переименовывал папки по 5 раз, задиплоил. Я думаю, это не для новичков. Арчаков Денис, большое человеческое спасибо! Большая работа, это было интересно, кайфанул. 💜
Для себя Что-то тайм коды не робят... 00:00:00 Введение 00:03:20 Начало 00:13:55 Figma-дизайн приложения 00:16:55 Настраиваем стили, используем готовый исходник 00:18:25 Подключаем TailwindCSS + ShadCN 00:31:55 Подключаем Lucide icons 00:32:50 Вёрстка Header 00:53:10 Вёрстка Categories 01:04:20 Вёрстка фильтров 01:28:00 Что такое Client Component / Server Component 01:37:10 Исправляем ошибку с помощью 'use client' 01:44:10 Доделываем фильтры 01:51:50 Вёрстка списка продуктов 02:07:50 Используем Intersection Observer для подсветки категорий 02:16:00 Подключаем ЗУСТАНД 02:26:30 Подключаем Prisma, объясняю как писать схему 02:56:00 Пробуем получить данные из БД через наш API 03:10:30 Связи в Prisma. One-to-One, One-to-Many, Many-to-One, Many-to-Many (Relations ships) 03:25:10 Доделываем основную часть схемы 04:17:00 Пишем скрипт для генерации тестовых данных (Seeding) 05:15:30 Создаем API для ингредиентов 05:18:30 Создаем API для продуктов 05:24:30 Делаем поиск на фронтенде 05:56:25 Доделываем основную логику фильтров 07:24:20 Отображаем группу продуктов и категории с БД 07:56:00 NextJS: Group Routes / Layouts 08:17:00 Создаем модальное окно продукта (Parallel Routes) 10:32:45 Реализация корзины 13:13:15 Подключаем react-hot-toast 13:21:10 Доделываем модальное окно продукта 13:44:30 Как NextJS рендерит JS-код клиентских и серверных компонентов (оптимизация) 14:00:00 Доделываем фильтрацию товаров с хранением параметров в URL 14:36:00 Отображение страницы товара (как в модальном окне) 15:52:30 Докручиваем логику корзины 15:30:00 Делаем страницу оформления заказа 17:41:00 NextJS: Server Actions 17:48:00 Создание заказа 18:15:20 Подключаем сервис Resend для отправки E-Mail писем 18:39:00 Подключаем оплату через Yookassa 19:05:10 Доделываем функционал обработки заказа 19:45:10 Реализация авторизации, регистрации, профиля через NextAuth 21:46:00 Подтверждение аккаунта с помощью проверочного кода на E-Mail 22:06:35 Дорабатываем контактную форму оформления заказа 22:12:30 Разработка сторисов с помощью react-insta-stories 22:34:20 Деплой проекта в Vercel 22:54:00 Конец + список донатеров
Привет, хочу выразить благодарность от лица сообщества, что делаешь крупные проекты разжевывая детали. Сам уже 2 года как работаю, а начинал еще с самой первой реакт пиццы ) Есть у меня 1 вопрос, решал ли ты задачи с код варс\лит код ? Хотел спросить как быть, часто задачи уровня middle с лит кода я не могу решить и думаю как быть, просто разбирать решения и пытаться понять логику или какой-то еще путь есть ? JS знаю достаточно, логикой вроде тоже не обделен, но видимо не хватает для решения задач, это огорчает...
24 часа отличного Урока. Приятный голос, Важная и скомпонованная информация для Новичков в IT. Сам на Next не работал но этот курс мне показал на сколько это мощная система для UI Developers Денис Ты лучший !!!
@@ArchakovBlogПривет, благодарен за такой огромный труд, спасибо тебе большое. У меня вопрос а как сделать админскую часть? Чтобы заказы видны были у администратора в реальном времени. Ещё раз благодарен за ваш труд
на просторах ютуба лучше курса не найти, это я вас уверяю как человек который пытается изучить next.js уже более месяца, облазил все англоязычные каналы вроде javascript mastery и code with antonio, очень мечтал что бы в русскоязычном комьюнити нашлось что то похожее, и вот весь день бродя по интернету я наткнулся на этот шедевр, я даже не знаю как мне еще выразить свою благодарность в данном тексте.. огромное спасибо!
@@ovikarakel5923 я начал понимать как и что работает, узнал технологии и для чего они нужны и благодаря этому мог отвечать на вопросы работодателя и вообще научился сам что то делать
Просмотрел всего несколько минут и настолько заинтересовал, что с огромным удовольствием буду смотреть. По времени действительно видно, что вложено очень много труда. Спасибо вам за замечательный проект
Ты , просто нереальный парень) Сначала реакт разжевал сникерсом) потом пиццу) потом продвинутый реакт пиццу2 ) теперь супер продвинутый реакт пицца некстом + еще других крутых технологий!!! И все это простым языком!
Это же просто пушка. Такой контент денег стоит. Давно хотел сделать магазин, но знаний не хватало. А тут все в одном видео. Просто от души душевно в душу.
14:30 Что значит авторизация через смс очень редкий кейс? как раз это самый простой способ авторизации, и на всех нормальных сервисах именно он и используется. И уж тем более на таких сервисах как в этом уроке с заказом еды.
На каких это "нормальных" сервисах он используется (госуслуги и додопиццу не предлагай, не все живут в рф)? По крайней мере на западе везде авторизация через гугл/эпл/фейсбук/почту и я понятия не имею в чем удобство привязывать свой номер хрен пойми к какому-то левому сервису. Видимо прикол в том, чтобы после очередной слиты базы тебя задалбливали спамеры на этот номер.
привет. 1. редактор тоже подлагивал. попробуй выключить расширение gitlens и должны лаги прекратиться. у меня так сработало. мучался с этим несколько недель 2. чтоб убрать отображение в проводнике папок в одну строчку, в настройках VSCode найди пункт "explorer: compact Folders" и сними с него галочку.
Такой вопрос, зачем человечество придумало кучу ненужных штук таких как тейлвинд для стилизации, когда есть обычный scss. Потому что ладно еще пет проект, но на практике, когда у тебя дизайн в больших проектах вечно меняется, то легче и понятней будет сделай обычные scss файлы. Тем более что пока найдешь нужные блоки, пока их под дизайн подгонишь, уже 20 раз можно было написать это обычными стилями. Я уже молчу про отображение всего этого в инспекторе кода
Если у тебя большой проект, который пишут разные команды в разное время, в scss у тебя получится очень много классов одинакового содержания, миксинов и тд, тайлвинд избавит тебя от этой проблемы
Благодаря тебе, и курсу про react express, смог найти работу, и написать диплом на next. По нексту сам учился , но благодаря этому ролику смогу улучшить свои навыки. Спасибо 😊😊
При всём уважении на 9-м часе, уже раздражает переименование и перекладывания файлов, папка shared с папкой shared, пакет с пакетами. Не приятны рандомные изменения и переписывания нейминга.
Продублируй свои полезные материалы на другие площадки, ютуб ваще не грузит, пришлось скачивать на компьютер. Но это я знал, что скачиваю что-то полезное, а так, даже не посмотреть теперь урок, чтобы знать стоит ли качать
@@roadtobecomingjsmaster3744, да пофиг ваще, хоть два миллиона. Видео сделано для русскоговрящих и понимающих русскую речь, ничего зазорного выложить его на русскую площадку нет.
очень рад наткнутся на такое видео. Как только начинал учить Некст, сам писал онлайн кинотеатр без особых знаний и походу дела учился, читал доку, смотрел видосы и переписывал все по миллиону раз, и зная все это, понимаю насколько же полезное это видео для тех кто учит фронтенд, Некст, тайпскрипт и прочее. Однозначно лайк! спасибо автору за старания!
Спасибо за курс!! Отдельное спасибо за расширение Codeium. Вода конечно есть и код пишется не в чистом виде, очень много переделок на живую - но мне так даже интереснее смотреть, можно сравнить как вначале пишется говнокод, а потом его преобразуют в что-то более читабельное)
Еще не смотрела, но сразу напишу спасибо, судя по некоторым роликам, которые я до этого видела - контент должен быть хороший! Мне как раз нужно некст прокачать, очень хочется курса по nextjs!
Раньше, когда видел длительность ролика по программированию 1 час +, то сразу выключал, ибо долго и лень смотреть. Теперь же когда вижу такое количество часов - понимаю, что будет что-то супер интересное, большое спасибо за видео.
Я вообще не программист, но мне интересно программирование, подписался давным давно на этот канал, но какая же это огромная работа!!!!! Это просто невероятно!!! СПАСИБО!
Ничего себе! Благодаря реакт пицце я жестко импрувнул скилы и практически по этой причине нашел работу, а вчера решил некстом заняться и тут ты выкатываешь такой видос по нексту. Спасибо большое за твой труд!
Ооооо, это топчик! Я только вчера начал возвращаться во фронт, но не знал, с чего начать, учитывая новые технологии, а тут еще и бэк... 23 часа сулят о подробном разборе. NextJS, платежки, NextAuth и т.д.. - это просто имбовый набор джентльмена-разработчика. Спасибо, Арчаков, что дал возможность опять окунуться в мир разработок, не теряясь в технологиях 20-24 годов.
@@OTKA3 я имел ввиду подробный разбор самой разработки сайта с нуля. По крайней мере буду знать от чего отталкиваться, чтобы уже изучать подобные фреймворки
Арчаков, еще после первой пиццы оставил самые положительные эмоции и качественный материал. Сейчас увидел это -- сказать что я в шоке больше ничего не сказать. Огромное тебе спасибо за такой труд, таких людей мало как ты
Привет! Я очень рада, что ты вернулся! В свое время смотрела твой курс по React, и он очень помог мне в развитии. Сейчас я уже работаю, спасибо за отличные видео! А по React Native не планируется ничего)
Огромное спасибо вам за такой хороший курс, я конечно додопицца полностью не закончил, потому что у меня были какие-то ошибки при создании пользователя с токеном, и я так и не смог понять в чем проблема, но вместо этого я сделал небольшое FullStack приложение клиники, теперь начинаю разработать проект посложнее интернет-магазин электроники, огромнейшая вам благодарность от всего сердца!
00:00:00 Введение 00:03:20 Начало 00:13:55 Figma-дизайн приложения 00:16:55 Настраиваем стили, используем готовый исходник 00:18:25 Подключаем TailwindCSS + ShadCN 00:31:55 Подключаем Lucide icons 00:32:50 Вёрстка Header 00:53:10 Вёрстка Categories 01:04:20 Вёрстка фильтров 01:28:00 Что такое Client Component / Server Component 01:37:10 Исправляем ошибку с помощью 'use client' 01:44:10 Доделываем фильтры 01:51:50 Вёрстка списка продуктов 02:07:50 Используем Intersection Observer для подсветки категорий 02:16:00 Подключаем ЗУСТАНД 02:26:30 Подключаем Prisma, объясняю как писать схему 02:56:00 Пробуем получить данные из БД через наш API 03:10:30 Связи в Prisma. One-to-One, One-to-Many, Many-to-One, Many-to-Many (Relations ships) 03:25:10 Доделываем основную часть схемы 04:17:00 Пишем скрипт для генерации тестовых данных (Seeding) 05:15:30 Создаем API для ингредиентов 05:18:30 Создаем API для продуктов 05:24:30 Делаем поиск на фронтенде 05:56:25 Доделываем основную логику фильтров 07:24:20 Отображаем группу продуктов и категории с БД 07:56:00 NextJS: Group Routes / Layouts 08:17:00 Создаем модальное окно продукта (Parallel Routes) 10:32:45 Реализация корзины 13:13:15 Подключаем react-hot-toast 13:21:10 Доделываем модальное окно продукта 13:44:30 Как NextJS рендерит JS-код клиентских и серверных компонентов (оптимизация) 14:00:00 Доделываем фильтрацию товаров с хранением параметров в URL 14:36:00 Отображение страницы товара (как в модальном окне) 15:52:30 Докручиваем логику корзины 15:30:00 Делаем страницу оформления заказа 17:41:00 NextJS: Server Actions 17:48:00 Создание заказа 18:15:20 Подключаем сервис Resend для отправки E-Mail писем 18:39:00 Подключаем оплату через Yookassa 19:05:10 Доделываем функционал обработки заказа 19:45:10 Реализация авторизации, регистрации, профиля через NextAuth 21:46:00 Подтверждение аккаунта с помощью проверочного кода на E-Mail 22:06:35 Дорабатываем контактную форму оформления заказа 22:12:30 Разработка сторисов с помощью react-insta-stories 22:34:20 Деплой проекта в Vercel 22:54:00 Конец + список донатеров
ℹ Если будет очень хороший актив, запилю курс по Flutter, Nuxt или новый курс по NextJS. Всё зависит от вас 👀
го flutter
Го next js
Продолжай Next, Карл ❤
спасибо большое за твой труд! ты крутой 😎
Ждем🎉❤🎉
Я просто в шоке какая работа была проделана, такого нет даже на большинстве платных курсов.. огромнейшая тебе благодарность от всего сердца!
100%
все ли в проекте получилось? все ли работает?
так в курсах обучение, а не просто как челик делает сайт
глядя на длительность ролика чувствуется сколько сил было потрачено. лайк)
Не факт. Я давно заметил, что длинные ролики отличаются от коротких лишь наличием воды. И исключения редки. Про данный ролик я пока не знаю, может он и является исключением. Но есть 99% вероятность, что нет. Проблема длинных роликов обычно в том, что там рассказывается много лишнего, например, в роликах про условный Next.js начинают рассказывать базу по обычному JS или базу про виды запросов или начинают версткой заниматься, красоту никому ненужную наводить 🤦♂️ Как будто человек решил начать изучение не с технологий и языков, а сразу с не самых простых фреймворков. Поэтому лично меня, наоборот, такая продолжительность всегда пугает тем, что там может быть много лишнего.
@phat80 дай потом фидбек, как посмотришь курс
@@ArchakovBlog я думаю тебе придется подождать минимум месяца 2)
@@ArchakovBlog Некоторые моменты наводят много вопросов, но в принципе норм. Но жалко, что ты не показал как развернуть у себя запросы и у многих на 4 часе возникнет вопросы - а как это сделать и забьют на курс)
@aheroofourtime2415 «как развернуть у себя запросы»? Это как
Карл хочу тебе сказать....Человеческая жизнь имеет смысл, если он приносит пользу этому миру. Так вот, ты приносишь огромную пользу, ты делаешь огромный вклад и меняешь жизни людей в лучшую сторону. Ведь благодаря твоим курсам, люди (например как я) находят работу. Спасибо тебе!
Это шедевр. Вступление про "гарантированно научишься пилить любые проекты" - правда. Тут есть все. Особенное золото - объяснения по схеме призмы. Прошел за 36 часов. Дождались грандиозного возвращения. Спасибо огромное.
23 часа! Это просто потрясающе! Огромный, низкий поклон Денис! Спасибо за твой труд! (Только недавно закончил Пиццу 2 версию)
Дякую, завдяки твоїм проектам отримав багато досвіду, і свою першу роботу.
Просто нет слов) Какая работа была проделана! Именно вот такие люди и толкают человечество вперед! Большое спасибо!
Один-два раза в год хожу в интернет посмотреть актуальные технологии, обновления и прочее по JS, React и связанным темам - каждый раз данный канал актуален, имеет крутой контент и учит чему-то новому.
Автору уважение и процветания.
Желаю и дальше радовать нас объемным и актуальным контентом ;)
Шикарный курс, максимально все подробно разжевано, как джуну объяснение просто идеальное, прошел за 2 недели, допилил под себя админку и по мелочи всякие моменты, на локальном уровне все ок, деплой работает идеально)
Большое спасибо!
Привет , а как админку сделать ??
Ну вот теперь понятно, чем заняться в последний месяц лета )
Хватаем и впитываем пока горячо и либы не устарели!
Ура! 🎉 Этот курс наконец-то здесь. Огромное уважение вам! Поддержу каждый ваш проект и видео с удовольствием! 👊🏼
Круто, спасибо за курс! Твои страдания окупятся через 3.. 2..
Продолжай, не останавливайся!
Какой шок, это лучшее что ютуб мог родить на своей площадке. Спасибо ❤
Все вопросы которые меня волнуют, так еще и в одном ролике. Пушка просто!
Просто огромная работа была проделана, низкий поклон и спасибо, так держать 💪💪💪
Кажется, что проделан титанический объем работы !
Спасибо за твои труды 💪💪💪
"Если человек начал делать заказ и (УМЕР) во время заказа, то присваивается статус CANCELED" ))) - Денис ты смешил нас в React-Pizza и здесь продолжаешь))) Молодец! Спасибо!)
нет, это благодаря тебе этот канал существует! Благодаря курсу по реакт пицца я сделала свой проект. Свой первый проект на реакт, и вообще первый завершенный проект. Я пыталась смотреть других авторов, но только с твоими курсами становится понятно, что и как нужно делать. Как будто меня взяли за ручку и провели от начала до конца. А новый ролик как раз включает всё то, что мне нужно для продолжения пути. Спасибо! Ты - солнце! 💜
Привет ! Скажи сколько стоит твой проект если не секрет ? Или подобный. Я понимаю что можно договорится и за суп ))) но мне интересны реальные значения .
Я это сделал! Весь код писал руками, естественно не переименовывал папки по 5 раз, задиплоил. Я думаю, это не для новичков. Арчаков Денис, большое человеческое спасибо! Большая работа, это было интересно, кайфанул. 💜
Красава, нормальный курс сделал, а не пхп за час. Ещё и с реальным юзабельным приложением, побольше бы люди такого делали 👍
Это самый крутой курс который я видел. Адекватная, понятная подача. Нет воды и нудных обьяснений. Автор прекрасный человек и отличный разработчик
Невероятно 23 часа топового курса
Просто супер класс, плюс вайб, плюс хайп, поддерживаю всем сердцем!!!❤
Для себя
Что-то тайм коды не робят...
00:00:00 Введение
00:03:20 Начало
00:13:55 Figma-дизайн приложения
00:16:55 Настраиваем стили, используем готовый исходник
00:18:25 Подключаем TailwindCSS + ShadCN
00:31:55 Подключаем Lucide icons
00:32:50 Вёрстка Header
00:53:10 Вёрстка Categories
01:04:20 Вёрстка фильтров
01:28:00 Что такое Client Component / Server Component
01:37:10 Исправляем ошибку с помощью 'use client'
01:44:10 Доделываем фильтры
01:51:50 Вёрстка списка продуктов
02:07:50 Используем Intersection Observer для подсветки категорий
02:16:00 Подключаем ЗУСТАНД
02:26:30 Подключаем Prisma, объясняю как писать схему
02:56:00 Пробуем получить данные из БД через наш API
03:10:30 Связи в Prisma. One-to-One, One-to-Many, Many-to-One, Many-to-Many (Relations ships)
03:25:10 Доделываем основную часть схемы
04:17:00 Пишем скрипт для генерации тестовых данных (Seeding)
05:15:30 Создаем API для ингредиентов
05:18:30 Создаем API для продуктов
05:24:30 Делаем поиск на фронтенде
05:56:25 Доделываем основную логику фильтров
07:24:20 Отображаем группу продуктов и категории с БД
07:56:00 NextJS: Group Routes / Layouts
08:17:00 Создаем модальное окно продукта (Parallel Routes)
10:32:45 Реализация корзины
13:13:15 Подключаем react-hot-toast
13:21:10 Доделываем модальное окно продукта
13:44:30 Как NextJS рендерит JS-код клиентских и серверных компонентов (оптимизация)
14:00:00 Доделываем фильтрацию товаров с хранением параметров в URL
14:36:00 Отображение страницы товара (как в модальном окне)
15:52:30 Докручиваем логику корзины
15:30:00 Делаем страницу оформления заказа
17:41:00 NextJS: Server Actions
17:48:00 Создание заказа
18:15:20 Подключаем сервис Resend для отправки E-Mail писем
18:39:00 Подключаем оплату через Yookassa
19:05:10 Доделываем функционал обработки заказа
19:45:10 Реализация авторизации, регистрации, профиля через NextAuth
21:46:00 Подтверждение аккаунта с помощью проверочного кода на E-Mail
22:06:35 Дорабатываем контактную форму оформления заказа
22:12:30 Разработка сторисов с помощью react-insta-stories
22:34:20 Деплой проекта в Vercel
22:54:00 Конец + список донатеров
Монстр
@@Wellmare2-be9ev да там тайм коды не робят.... он их написал а я скопировал для себя...
Честь и хвала автору за титаническую работу на благо всем!
Ну наконец-то , ждем курс по nuxt’у 🎉🎉
Попалось в рекомендации, смотрю на время и челюсть на пол начала падать 😅 спасибо огромное за труд! Желаю всего самого хорошего!
Archakov продолжай пожалуйста такие разработки, самый крутой! Лучший просто на ютубе!!
Отличный курс! Зашёл проведать твой канал, а тут такой классный курс! Спасибо большое за твой труд!
не просто спасибо, а СПАСИБИЩЕ за такой крутой контент!)))
Привет, хочу выразить благодарность от лица сообщества, что делаешь крупные проекты разжевывая детали. Сам уже 2 года как работаю, а начинал еще с самой первой реакт пиццы ) Есть у меня 1 вопрос, решал ли ты задачи с код варс\лит код ? Хотел спросить как быть, часто задачи уровня middle с лит кода я не могу решить и думаю как быть, просто разбирать решения и пытаться понять логику или какой-то еще путь есть ? JS знаю достаточно, логикой вроде тоже не обделен, но видимо не хватает для решения задач, это огорчает...
просто, низкий вам поклон! Столько сделано работы, спасибо!
24 часа отличного Урока.
Приятный голос, Важная и скомпонованная информация для Новичков в IT.
Сам на Next не работал но этот курс мне показал на сколько это мощная система для UI Developers
Денис Ты лучший !!!
На 15 часу начинается настоящая проверка, кто сможет досидеть, а кто нет ХПАХПХАВ, мне очень нравиться спасибо тебе большое
😂😂😂
Скажите пожалуйста, вы прошли этот курс? если да, то возникли у вас проблемы с деплоем? именно с авторизацией уже задеплоенной версии
У вас какие-то проблемы возникли или вы думаете что может быть такое? @@maxamax5695
@@ArchakovBlogПривет, благодарен за такой огромный труд, спасибо тебе большое. У меня вопрос а как сделать админскую часть? Чтобы заказы видны были у администратора в реальном времени. Ещё раз благодарен за ваш труд
Привет, можете помочь? У меня не открывает страницы на 07:24:20.
на просторах ютуба лучше курса не найти, это я вас уверяю как человек который пытается изучить next.js уже более месяца, облазил все англоязычные каналы вроде javascript mastery и code with antonio, очень мечтал что бы в русскоязычном комьюнити нашлось что то похожее, и вот весь день бродя по интернету я наткнулся на этот шедевр, я даже не знаю как мне еще выразить свою благодарность в данном тексте.. огромное спасибо!
Монументально, Карл 💪
Огромное спасибо за гигантскую работу! За 1 день столько всего узнал и изучил. И это только первый час видео! Изучаю всё с нуля.
офигеть 22 часа, благодаря реакт пицце я устроился на работу а тут еще больше годного
Привет! Благодаря проекту, который ты делал по туториалу? Разве это имеет какой-то вес для работодателя? Или ты соврал что сам всё с нуля реализовал?
@@ovikarakel5923 Тут, наверное, речь больше про полученный опыт и знания)
@@ovikarakel5923 я начал понимать как и что работает, узнал технологии и для чего они нужны и благодаря этому мог отвечать на вопросы работодателя и вообще научился сам что то делать
Этот курс ведь для тех кто уже знает эти языки? Курс лишь для набивания рук и приобретения опыта?
@@Int_true так и есть
Просмотрел всего несколько минут и настолько заинтересовал, что с огромным удовольствием буду смотреть. По времени действительно видно, что вложено очень много труда. Спасибо вам за замечательный проект
Самый лучший курс по Next Js!!!
Ты лучший! Самые годные уроки по программированию у тебя. Неиссякаемой силы и удачи тебе на всю жизнь!
Ты , просто нереальный парень)
Сначала реакт разжевал сникерсом) потом пиццу) потом продвинутый реакт пиццу2 ) теперь супер продвинутый реакт пицца некстом + еще других крутых технологий!!! И все это простым языком!
Супер!!! Так подробно никто не объясняет, мега респект! Аналогов на русском нет)
Давно смотрю, большое уважение!
Ты Лучший!!! Не пропадай пожалуйста)
Это же просто пушка. Такой контент денег стоит. Давно хотел сделать магазин, но знаний не хватало. А тут все в одном видео. Просто от души душевно в душу.
Огонь 🔥🔥🔥
Спасибо за курс!
Курс просто Пуха! Огромная благодарность за него, просто невероятный труд
Ура!!! Это свершилось!!!
Спасибо огромное за предоставленный труд в общественном доступе, очень интересно смотреть
Наконец-то, как же я этого ждал
Скажите пожалуйста, вы прошли этот курс? если да, то возникли у вас проблемы с деплоем? именно с авторизацией уже задеплоенной версии
Хоть кто-то не городит в маленький проект и фронт и бэк, а делает все в одном. Браво!
Это просто божественно
Курс супер!
Просьба выпустить видео по настройке и используемым плагинам в VS Code!
Отпало бы большое количество вопросов 😊
очень хочется поддержать такой титанический труд! спасибо!
Даже превью на высшем уровне
Самый лучший курс и канал по разработке в ру ютубе. Когда устроюсь на работу буду поддерживать канал на бусти🤝🏻
Спасибо за курс!
лучший легенда, всё откладывал, но дошёл, ЛУЧШЕ на ютубе уже не будет. Я обожаю Арчакова!
14:30 Что значит авторизация через смс очень редкий кейс? как раз это самый простой способ авторизации, и на всех нормальных сервисах именно он и используется. И уж тем более на таких сервисах как в этом уроке с заказом еды.
не удивляйтесь, по ходу видео у вас будет возникать много вопросов к автору...
На каких это "нормальных" сервисах он используется (госуслуги и додопиццу не предлагай, не все живут в рф)? По крайней мере на западе везде авторизация через гугл/эпл/фейсбук/почту и я понятия не имею в чем удобство привязывать свой номер хрен пойми к какому-то левому сервису. Видимо прикол в том, чтобы после очередной слиты базы тебя задалбливали спамеры на этот номер.
@@true227 найс наброс на вентилятор, конкретизировать не хочешь?
привет.
1. редактор тоже подлагивал. попробуй выключить расширение gitlens и должны лаги прекратиться. у меня так сработало. мучался с этим несколько недель
2. чтоб убрать отображение в проводнике папок в одну строчку, в настройках VSCode найди пункт "explorer: compact Folders" и сними с него галочку.
Такой вопрос, зачем человечество придумало кучу ненужных штук таких как тейлвинд для стилизации, когда есть обычный scss. Потому что ладно еще пет проект, но на практике, когда у тебя дизайн в больших проектах вечно меняется, то легче и понятней будет сделай обычные scss файлы. Тем более что пока найдешь нужные блоки, пока их под дизайн подгонишь, уже 20 раз можно было написать это обычными стилями. Я уже молчу про отображение всего этого в инспекторе кода
Если у тебя большой проект, который пишут разные команды в разное время, в scss у тебя получится очень много классов одинакового содержания, миксинов и тд, тайлвинд избавит тебя от этой проблемы
@@andreyplatov2758 и в то же время навигация по коду будет невозможна, потому что нет ни классов нормальных, ничего остального
@@scalet1749 тейлвинд для маленьких проектов хорошо ускоряет разработку, если еще mui/shadcn использовать, то вообще быстро
Благодаря тебе, и курсу про react express, смог найти работу, и написать диплом на next. По нексту сам учился , но благодаря этому ролику смогу улучшить свои навыки. Спасибо 😊😊
При всём уважении на 9-м часе, уже раздражает переименование и перекладывания файлов, папка shared с папкой shared, пакет с пакетами. Не приятны рандомные изменения и переписывания нейминга.
12-ый час, onClickUpdateQuantity или onClickCountButton вот в чем вопрос))))
@@maxamax5695 Ахаха, кайф!
дошел до конца?
@@maxamax5695 Ещё в пути, а у тебя как?
@@LavandaKicK дошел, но в конце, после деплоя, проблема. Которую автор не решил , ну и не сказал, и не протестил)
Спасибо за урок ! У вас талант обьяснять простым языком и доходчиво !
Продублируй свои полезные материалы на другие площадки, ютуб ваще не грузит, пришлось скачивать на компьютер. Но это я знал, что скачиваю что-то полезное, а так, даже не посмотреть теперь урок, чтобы знать стоит ли качать
Уже миллион статей о том как без VPN или с VPN обойти тормоза TY
@@roadtobecomingjsmaster3744, да пофиг ваще, хоть два миллиона. Видео сделано для русскоговрящих и понимающих русскую речь, ничего зазорного выложить его на русскую площадку нет.
@@roadtobecomingjsmaster3744 я думаю или здесь или на бусте, парню тоде нужно зарабатывать
Курс просто огонь) Подача класс, абсолютно все понятно и интересно) Респект Денису, ждем новые курсы)
видос на отъебись
Арчаков!!! большое спасибо за такой курс в открытом доступе, я многое узнал благодаря твоим курсам!
Посмотрев только первую минуту, я сразу же подписался и поставил лайк. Благодарю за вас труд!
Я то думал почему нету роликов, но теперь я понял проделал большой путь созданию данного курса. Спасибо тебе большое 👍
Большой труд, большой человек! Выше всех похвал!
очень рад наткнутся на такое видео. Как только начинал учить Некст, сам писал онлайн кинотеатр без особых знаний и походу дела учился, читал доку, смотрел видосы и переписывал все по миллиону раз, и зная все это, понимаю насколько же полезное это видео для тех кто учит фронтенд, Некст, тайпскрипт и прочее. Однозначно лайк! спасибо автору за старания!
Спасибо за курс!! Отдельное спасибо за расширение Codeium. Вода конечно есть и код пишется не в чистом виде, очень много переделок на живую - но мне так даже интереснее смотреть, можно сравнить как вначале пишется говнокод, а потом его преобразуют в что-то более читабельное)
Еще не смотрела, но сразу напишу спасибо, судя по некоторым роликам, которые я до этого видела - контент должен быть хороший! Мне как раз нужно некст прокачать, очень хочется курса по nextjs!
Раньше, когда видел длительность ролика по программированию 1 час +, то сразу выключал, ибо долго и лень смотреть. Теперь же когда вижу такое количество часов - понимаю, что будет что-то супер интересное, большое спасибо за видео.
Давно на просторах ру сегмента TH-cam не было такого крутого курса! Очень крутой курс, спасибо!!!!!!!!
Ты сделал мой день!!! Давно ждал курса по Next.js, их не так много! Желаю удачи с ютуб каналом! Ты заслуживаешь большего чувак!
Такой крутой стек! Совсем недавно искала подобный туториал. Не уверена,что осилю 23 часа, поэтому лайк заранее)
Всегда студентам рекомендую твой канал, спасибо коллега, что выдаешь столько контента бесплатно!
Это конечно мощно. Еще и в бесплатном доступе!
Бро, ты настолько круто объясняешь, рассказываешь, что не передать словами. После реакт пиццы нашел работу! Спасибо тебе за все твои труды
Я вообще не программист, но мне интересно программирование, подписался давным давно на этот канал, но какая же это огромная работа!!!!! Это просто невероятно!!! СПАСИБО!
Если это вам интересно, то однозначно стоит попробовать. Все равно ничего не потеряете. Желаю удачи 💪
Ничего себе! Благодаря реакт пицце я жестко импрувнул скилы и практически по этой причине нашел работу, а вчера решил некстом заняться и тут ты выкатываешь такой видос по нексту. Спасибо большое за твой труд!
Комментарий для попадания в реки!Пусть он будет здесь!
Это лучше любого платного курса. Спасибо за работу
Ооооо, это топчик!
Я только вчера начал возвращаться во фронт, но не знал, с чего начать, учитывая новые технологии, а тут еще и бэк...
23 часа сулят о подробном разборе.
NextJS, платежки, NextAuth и т.д.. - это просто имбовый набор джентльмена-разработчика.
Спасибо, Арчаков, что дал возможность опять окунуться в мир разработок, не теряясь в технологиях 20-24 годов.
Подробного разбора некста нет
@@OTKA3 я имел ввиду подробный разбор самой разработки сайта с нуля.
По крайней мере буду знать от чего отталкиваться, чтобы уже изучать подобные фреймворки
Красава. Самые понятные объяснения на Ютубе. Лайк!
Ждал как день рождение новых видео от канала, хотя и подзабросил программирование, но этот курс пройду, очень нравится как объясняешь.
Я пока даже прикинуть не могу, за какое время этот курс я пройду, а уж сколько времени ушло на его создание... 🤯
Уважение автору 🤜🤛
Вау! круто! Не представляю как это монтировалось! Думаю было бы удобно разделить ролик хотя бы на 3 по 8часов и сделать одним плейлистом)
Самый лучший курс в рунете
Арчаков, еще после первой пиццы оставил самые положительные эмоции и качественный материал. Сейчас увидел это -- сказать что я в шоке больше ничего не сказать. Огромное тебе спасибо за такой труд, таких людей мало как ты
Мне это нужно было, как минимум для интереса, как максимум для изучения))
Привет! Я очень рада, что ты вернулся! В свое время смотрела твой курс по React, и он очень помог мне в развитии. Сейчас я уже работаю, спасибо за отличные видео! А по React Native не планируется ничего)
Смотря других ютуберов вы хорошо объясняете и все подробно . Спасибо вам !
Спасибо, за крутой курс! Отличная работа, без воды и все по теме!
Очень большой труд! Все классно, четко понятно! 🔥🔥🔥
Огромное спасибо вам за такой хороший курс, я конечно додопицца полностью не закончил, потому что у меня были какие-то ошибки при создании пользователя с токеном, и я так и не смог понять в чем проблема, но вместо этого я сделал небольшое FullStack приложение клиники, теперь начинаю разработать проект посложнее интернет-магазин электроники, огромнейшая вам благодарность от всего сердца!
00:00:00 Введение
00:03:20 Начало
00:13:55 Figma-дизайн приложения
00:16:55 Настраиваем стили, используем готовый исходник
00:18:25 Подключаем TailwindCSS + ShadCN
00:31:55 Подключаем Lucide icons
00:32:50 Вёрстка Header
00:53:10 Вёрстка Categories
01:04:20 Вёрстка фильтров
01:28:00 Что такое Client Component / Server Component
01:37:10 Исправляем ошибку с помощью 'use client'
01:44:10 Доделываем фильтры
01:51:50 Вёрстка списка продуктов
02:07:50 Используем Intersection Observer для подсветки категорий
02:16:00 Подключаем ЗУСТАНД
02:26:30 Подключаем Prisma, объясняю как писать схему
02:56:00 Пробуем получить данные из БД через наш API
03:10:30 Связи в Prisma. One-to-One, One-to-Many, Many-to-One, Many-to-Many (Relations ships)
03:25:10 Доделываем основную часть схемы
04:17:00 Пишем скрипт для генерации тестовых данных (Seeding)
05:15:30 Создаем API для ингредиентов
05:18:30 Создаем API для продуктов
05:24:30 Делаем поиск на фронтенде
05:56:25 Доделываем основную логику фильтров
07:24:20 Отображаем группу продуктов и категории с БД
07:56:00 NextJS: Group Routes / Layouts
08:17:00 Создаем модальное окно продукта (Parallel Routes)
10:32:45 Реализация корзины
13:13:15 Подключаем react-hot-toast
13:21:10 Доделываем модальное окно продукта
13:44:30 Как NextJS рендерит JS-код клиентских и серверных компонентов (оптимизация)
14:00:00 Доделываем фильтрацию товаров с хранением параметров в URL
14:36:00 Отображение страницы товара (как в модальном окне)
15:52:30 Докручиваем логику корзины
15:30:00 Делаем страницу оформления заказа
17:41:00 NextJS: Server Actions
17:48:00 Создание заказа
18:15:20 Подключаем сервис Resend для отправки E-Mail писем
18:39:00 Подключаем оплату через Yookassa
19:05:10 Доделываем функционал обработки заказа
19:45:10 Реализация авторизации, регистрации, профиля через NextAuth
21:46:00 Подтверждение аккаунта с помощью проверочного кода на E-Mail
22:06:35 Дорабатываем контактную форму оформления заказа
22:12:30 Разработка сторисов с помощью react-insta-stories
22:34:20 Деплой проекта в Vercel
22:54:00 Конец + список донатеров