Gatsby или NextJS: Какой фрэймворк выбрать для создания React приложения (на примере моих проектов).

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.ย. 2024

ความคิดเห็น • 67

  • @iharrwe
    @iharrwe ปีที่แล้ว +3

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

  • @x-tetris-x
    @x-tetris-x 3 ปีที่แล้ว +7

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

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Спасибо!

  • @gritsienkooleg3447
    @gritsienkooleg3447 ปีที่แล้ว +2

    Вот это да, сколько всего нужного и классного! Будем учиться!

  • @mrWiled
    @mrWiled ปีที่แล้ว +2

    Очень и очень крутой ролик. По Гэтсби пока не очень много входной инфы и я все не мог понять какой технологией лучше воспользоваться в предстоящем проекте, а тут все и сразу и без воды. Спасибо!!! 🔥🔥🔥

    • @stackdev
      @stackdev  ปีที่แล้ว

      Спасибо!

  • @romanvinogradovby
    @romanvinogradovby 2 ปีที่แล้ว +2

    Спасибо. Круто разложил. Столько годноты на канале. Пожалуй пока останусь на одном соседнем канале про уроки с React, а позже вернусь сюда :)

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Спасибо!

  • @apayrus
    @apayrus 2 ปีที่แล้ว +3

    Спасибо, очень интересное и полезное видео.
    Хочу добавить, что в Next.js тоже есть статическая генерация, и в документации ей отдаётся приоритет и описывается ряд исключений когда лучше использовать серверный рендеринг.

    • @stackdev
      @stackdev  2 ปีที่แล้ว +2

      Да, Next.JS тоже отличный инструмент. И что прикольно, в Next.js можно кикие-то страницы делать статичными - а для каких-то использовать сервер.
      Лично мне привычнее и удобнее для всех своих статичных проектов использовать Gatsby (и его экосистему плагинов).

  • @andykud63
    @andykud63 2 ปีที่แล้ว +2

    Отдельное спасибо Васе за богатый контент.

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Спасибо!

  • @sergkuznetzov3469
    @sergkuznetzov3469 3 ปีที่แล้ว +2

    Спасибо Василий! Очень полезная информация!

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Спасибо!

  • @kerenoz2010
    @kerenoz2010 3 ปีที่แล้ว +1

    спасибо, очень полезное видео, как раз занимаюсь сейчас проектом на gatsby.

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Спасибо!

  • @BlindPewRus
    @BlindPewRus 2 ปีที่แล้ว +1

    Коммент поддержки и благодарности

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Спасибо!

  • @stivem9523
    @stivem9523 3 ปีที่แล้ว +4

    Спасибо за Ваши крутые уроки!!! А главное, что все понятно, бесплатно , и без рекламы!))) Скажите, А вы присматривались к Свелту? Если да, то что можете про него сказать, Ваше мнение.

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Спасибо! Нет, Svelte пока не было возможности "пощупать".

  • @andykud63
    @andykud63 2 ปีที่แล้ว +2

    Флеш реанкарнировался в Gatsby. пора возвращаться к работе:)))

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Gatsby - хороший инструмент.

  • @code-pro
    @code-pro ปีที่แล้ว +2

    В NextJs тоже есть SSG, в то же время при необходимости можно использовать SSR какой тогда смысл от Gatsby? Допустим, у нас есть проект не на 100 страниц, интернет-магазин на 10000 товаров, генерация такого количества страниц будет занимать огромное количество времени при SSG, в то время, как в Next есть возможность частичной генерации SSG при билде, плюс часть страниц будет генериться в дальнейшем при их запросе на лету, плюс есть возможность регенерации страниц. Хоть убей, не понимаю смысла гетсби, некст покрывает все его возможности, поюс при необходимости дает больше
    Плюс если в дальнейшем проект будет развиваться и будет необходимость добавлять больше динамики, получается, с гетсби это будет куча костылей

    • @abbze8272
      @abbze8272 11 หลายเดือนก่อน

      Я думаю, с развитием некста, гэтсби стал бесполезен.

  • @andrewfryazinburg6371
    @andrewfryazinburg6371 2 ปีที่แล้ว +1

    Респект за донесение инфы на русском !

  • @vwn6735
    @vwn6735 2 ปีที่แล้ว +2

    Спасибо за видео! Честно говоря, я не совсем понял из видео - удобно и правильно ли применять Gatsby для задачи, когда пользователь загружает контент и он должен появиться на странице. Ну, например, упоминалось применение для е-коммерции. Например: я загружаю несколько новых товаров для продажи в разное время в течении суток. Что происходит в этом случае? Мне нужно заново пересобрать весь проект или все таки при переходе на определенную страницу новый товар появляется в каталоге? Извиняюсь, конечно, за вопрос, просто пока мало знаний по этой теме и может мой вопрос не корректен :-)

    • @stackdev
      @stackdev  2 ปีที่แล้ว +1

      Если кратко - то любой новый контент - подразумевает повторную сборку (можно настроить, чтобы запускалась автоматом).

  • @MsDlovar
    @MsDlovar 2 ปีที่แล้ว +1

    Здравствуйте, спасибо за видео. У меня вопрос ❓. В видео вы упоминаете, что один из вариантов использования это совмещение админки WordPress и Gatsby. Как я понял, WP нужен для удобной админки, а Gatsby для генерации статики. В чем отличие этой связки от того же WP с каким-то плагином кеширования?

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Вам нужно собрать небольшой проект на Gatsby - и поймете разницу

  • @provereno-na-sebe
    @provereno-na-sebe 2 ปีที่แล้ว +1

    Спасибо очень интересно, сам делаю проект на wp и посматриваю на gatsby, и хотел задать вопрос - а вот такие более динамические вещи как рейтинг, комментарий, голосование, так же придётся делать в виде отдельной задачи к node? И ещё вы сказали, что база у вас на mongo db, у вправляете вы ей на прямую или тоже используете какую то cms, headless или обычную, заранее спасибо за ответ)

    • @stackdev
      @stackdev  2 ปีที่แล้ว +1

      Добрый день. Если в проекте много "динамики" - рейтинг, голосование итд - то лучше использовать серверный подход а не статику.
      Если динамики мало - то отличный вариант - статика + серверные функции для элементов динамики.
      У меня есть проект - там админ панель, которая взаимодействует с Базой данных - построена с использованием сервера. В свою очередь клиентская часть - построена полностью на статике (просто отображает данные из базы данных)....

  • @mr.olivka9995
    @mr.olivka9995 2 ปีที่แล้ว +1

    Лучший!

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Спасибо!

  • @alexidino
    @alexidino 2 ปีที่แล้ว +1

    Василий, подскажите пожалуйста, стоит ли после прохождения плейлиста Реакт проходить этот плейлист или сосредоточиться на повторении JS и потом снова пройти плейлист Реакт( чувствую 1 раза не достаточно). Буду ли я закреплять свои знания проходя этот курс Gatsby?

    • @stackdev
      @stackdev  2 ปีที่แล้ว +1

      Я бы на вашем месте - попробовал - по памяти воссоздать какие-то комопненты проекта с бургерами.... Может переделать его немного... самостоятельно (если надо подсматривая).
      Этот Проект по Gatsby - менее масштабный - но дополнительную практику точно даст.
      Мой второй проект по Гэтсби - конечно в разы масштабнее - и там с точки зрения ванильного JS + React - намного больше всего (пишем с нуля пагинацию, модуль по отправке emailов итд)....

  • @boburbabadzhanov6519
    @boburbabadzhanov6519 ปีที่แล้ว +1

    Спасибо за обзор но у меня осталось вопрос с его обновлением каждый раз пересобирать весь проект это же ещё хуже чем SSR интересно как эту проблему решили

    • @stackdev
      @stackdev  ปีที่แล้ว

      Весь вопрос в том - насколько часто требуются обновления. Если можно найти компромисс - то получаете простоту и дешивизну проекта

    • @boburbabadzhanov6519
      @boburbabadzhanov6519 ปีที่แล้ว

      @@stackdev допустим marketplace platform типа wildberries, стоить ли там вообще использовать SSG, пока вижу одни минусы больше весить ещё и собирается долго.

  • @SebastjanPereiro
    @SebastjanPereiro 2 ปีที่แล้ว

    Дизайн шапочек с логотипом в скошенном красном прямоугольнике что-то напоминает... Курс Wes Bos - магазин на advanced React and GraphQL (там он его как раз на Next.js делал)

  • @azhadan
    @azhadan ปีที่แล้ว

    Добрый день, подскажите пожалуйста, почему gatsby на выходе (после команды gatsby build) генерирует так много файлов?
    У меня есть проект лэндос на 1 страницу с несколькими языками, используется graphql для мэпинга контента некоторых блоков с текстом и картинками. И на выходе получаю 550 файлов в папке public. Мне кажется это слишком много

  • @БорисЮринов-ъ8ъ
    @БорисЮринов-ъ8ъ 3 ปีที่แล้ว +2

    Прошло 4 месяца, разрыв по звездам увеличился

  • @dobrMAV
    @dobrMAV 3 ปีที่แล้ว +2

    Спасибо за полезное видео!Вопрос от начинающего ,почему React , а не с Vue работаете? Перешел по ссылке курса React ,в получить доступ к курсу, оставил свою почту,но почему то на почту нечего не пришло,жаль.В спаме тоже пусто.

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Спасибо! Одна из важных причин почему React - количество работы (в России, Европе и США). А можете мне скинуть свой email (который использовали для регистрации) - хочу логи посмотреть - vk.com/id595845309 ?

    • @dobrMAV
      @dobrMAV 3 ปีที่แล้ว +1

      @@stackdev Спасибо за ответ!Написал в ВК.

    • @ЯрославАбрамов-д6о
      @ЯрославАбрамов-д6о 3 ปีที่แล้ว +1

      У меня пришло

    • @dobrMAV
      @dobrMAV 3 ปีที่แล้ว

      @@ЯрославАбрамов-д6о Увы,мне не пришло.

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      @@dobrMAV Ответил - все должно теперь работать

  • @fantast2568
    @fantast2568 3 ปีที่แล้ว +1

    Здравствуйте, актуальны ли еще статические сайты для небольшого дохода? Можно рублей 500-1000 в мес. иметь с них?

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Добрый день, здесь - не важно статика или динамика.... Скорее важна ниша + ваша позиция в ней... + виды монетизации..... 500-1000 - Это, помоему - легко (1 поднятие компании в топ каталога 1,000руб...)...

    • @fantast2568
      @fantast2568 3 ปีที่แล้ว

      @@stackdev Спасибо большое за ответ

    • @andrewfryazinburg6371
      @andrewfryazinburg6371 2 ปีที่แล้ว

      @@stackdev скажите, а где более подробно можно узнать о монетизации сайтов ?

    • @stackdev
      @stackdev  2 ปีที่แล้ว +1

      @@andrewfryazinburg6371 На русском не знаю..... в англязычном сегменте - есть крутой блог + подкаст www.nichepursuits.com

  • @АлександрБахарев-ш6л
    @АлександрБахарев-ш6л 9 หลายเดือนก่อน

    В gatsby есть ssr для динамики вообще-то

  • @faizulla5838
    @faizulla5838 2 ปีที่แล้ว +1

    как можно сравнивать динамический сайт со статическим.... тупо потерял 15 мин своего жизненного времени
    не рекомендую.... да Гедсби топчик, НО если делаеш статический сайт и тебе нужен админ панель.
    а так лажа.
    зачем сравнивать москвич 1980 гв и приору 2020 гв????

  • @crecker05ru
    @crecker05ru 3 ปีที่แล้ว

    Здравствуйте. А как тогда gatsby и graphql будут взаимодействовать с БД на MySQL если там нет серверной части? Получалось подключить MySQL к react/graphql приложению, но к gatsby/graphql выходит ошибка авторизации ER_NOT_SUPPORTED_AUTH_MODE

    • @stackdev
      @stackdev  3 ปีที่แล้ว

      Приветствую! Gatsby работает по-другому. Во время сборки -> приложение соединяется с БД - подтягивает все данные - генерирует все страницы и отсоединяется от БД.
      Ваша ошибка с авторизацией - непонятно на какой стороне.... Нужно изачать документацию провайдера вашей базы и посмотреть плагины для Gatsby.

  • @_viy
    @_viy 2 ปีที่แล้ว

    Что за расширение в хроме со скобками?)
    Странно, что adblock нет))
    Индекс скорости загрузки у коворкинга не очень с реактом ожидал 100 из 100.

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      Можно поработать с оптимизацией:) Расширение - JSON Viewer

    • @_viy
      @_viy 2 ปีที่แล้ว

      @@stackdev приятель SPA на реакте делал и там 100из100 и со страницами все ок для seo, видимо есть решения, чтобы удовлетворить и пользователя и поисковых ботов? Причём, я не думаю, что он сильно переживал за скорость загрузки, я так понимаю, из коробки это у реакт-эпп.

  • @viktorshcheplyagin9576
    @viktorshcheplyagin9576 2 ปีที่แล้ว

    есть ли такое же решение для angular?

    • @stackdev
      @stackdev  2 ปีที่แล้ว

      про angular не знаю..

  • @olegmaz3969
    @olegmaz3969 3 ปีที่แล้ว

    Next.js и Gatsby.js - это считаеться уже full stack разработка ?

    • @stackdev
      @stackdev  3 ปีที่แล้ว +2

      Нет - это React фрэймворки

  • @НурисламНагашыбай-у4ц
    @НурисламНагашыбай-у4ц ปีที่แล้ว

    актуально?