Хостим REACT сайт на GitHub за 10 минут

Поделиться
HTML-код
  • Опубликовано: 3 окт 2024
  • Курс JS 2.0: itgid.info/cou...
    Методы массивов: itgid.info/cou...
    Курс HTML для JS разработчиков: itgid.info/cou...
    Остальные курсы: itgid.info/
    Телеграмм канал: t.me/itgid_info
    Разворачиваем сайт на реакт на github за 10 минут ( правда из них я говорю где-то 6 минут, остальное жду пока приложение будет создано)

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

  • @kovbenyaalexander5426
    @kovbenyaalexander5426 3 года назад +86

    Имя репозитория не обязательно должно совпадать с именем пользователя. Можно деплоить из любого репозитория из ветки gh-pages

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

      А где эта ветка?

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

      @@CatMebelevich её нужно создать самостоятельно

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

      ​@@kovbenyaalexander5426 Создание ветки gh-pages - это достаточное условие, или есть ещё нюаны?

    • @kovbenyaalexander5426
      @kovbenyaalexander5426 Год назад +1

      @@CatMebelevich насколько я знаю, в корне проекта должен быть index.hmtl который и будет отображаться. на gh-pages не получиться бек задеплоить. и ещё реакт-роутер при обновлении страницы работает некорректно. нужно будет юзать hash-router.
      попробуй пакет gh-pages npm. из любой ветки по одной команде делается билд и потом пуш билда в ветку gh-pages

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

    Как раз думал об этом сегодня! Спасибо большое!

  • @alexanderalexander7722
    @alexanderalexander7722 3 года назад +3

    Очень круто! Как раз видео по работе с GitHub и не хватает. А если будет курс, то это однозначно будет в тему! Спасибо за видео!

  • @Oleksandr9665
    @Oleksandr9665 Год назад +7

    Пасибочки
    И так ребятки, у кого белый экран вместо вашего приложения, делаем это :
    надо отредактировать html file, а именно переместить тег из в ПОСЛЕ тега

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

      Сделал как ты посоветовал, все равно пустая страница.

    • @tvbavaro3062
      @tvbavaro3062 Год назад +1

      Еще была проблема со слешем в css и js. Он прописался как %5C после сборки, прописал его как / для обоих файлов и заработало

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

    Буквально полчаса назад впервые это гуглил. То что нужно, спасибо!

  • @lotvaplotol5578
    @lotvaplotol5578 3 года назад +16

    Так красиво начали с vs cod и сразу перескочили, у меня раздвоение. шторм не у всех, ждем продолжения!

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

      Повтори аналогичные действия на vscode просто

    • @rokoss
      @rokoss 2 года назад +1

      Шторм и реакт намного удобнее чем реакт и vscode

  • @sfybskot
    @sfybskot 3 года назад +3

    Хах а я вот без билда пушил на гит и удивлялся, почему по ссылке не открывается)) спасибо, что показали)) воскресенье, хочется чего-то простого. Удачно зашёл)

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у 3 года назад +3

    Как же я ждал этот урок!) Aлександр можно про redux-persist уроки?

  • @ВячеславШевченко-к9с

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

  • @Alexandra-ou1gl
    @Alexandra-ou1gl Год назад

    Добрался до React. Как всегда "Супер"! ;)

  • @arayoflight
    @arayoflight 3 года назад +8

    в VSCode всё гитится значительно проще. Главное, залогинить один раз свой гитхаб, и дальше система запоминает вас.

  • @Wyraxx
    @Wyraxx 3 года назад +3

    Найпростіше Ґіт через термінал використовувати: git commit -am "your comment" && git push
    А взагалі я зробив batch-файл, який сам робить стейдж, коміт і пуш і дописує автокоментар, якшо мені лінь туди щось писати 😁

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

    Искал искал а в итоге у своего учителя и нашел ))) Дядь Саша лучший !

  • @СергейЗагорский-б9ж

    Красава, всё просто и понятно, супер, спасибо! Лайкос

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

    Шикардос! Спасибо большое!

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

    Спасибо огромное, всё получилось)

  • @Integrations1Cv8
    @Integrations1Cv8 Год назад +1

    Другие видео есть, где работает навигация по страницам ?

  • @АнтонРева-о1с
    @АнтонРева-о1с 3 года назад +1

    круто! спасибо

  • @AntonioBenderas
    @AntonioBenderas Год назад +1

    Получается гит инициализирован не в корне проекта, а в папке build?

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

    Спасибо за видео. Планируется ли какие-либо уроки по vuejs?

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

    А как в таком случае вносить новые изменения? Обновятся ли данные в гитхаб, если я допустим добавлю ещё один параграф? И если нет, то как это сделать?

  • @xcabcz-xabcz
    @xcabcz-xabcz 3 года назад +1

    а почему именно так нужно делать? недавно пушил на гитхаб приложение "как есть" после npm start build. естественно, кроме html файла ничего не открывалось, так как все пути были относительно /(корня). Добавил в package.json строку homepage: "." и вроде нормально все работает после нового билда. Или я про другое?

  • @giorgi_pa
    @giorgi_pa 3 года назад +9

    супер, но не честно по отношению к VS Code :)

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

      @@annasahradyan9849 пишите на русском, чтоб все читали. Писать на армянском,как минимум не прилично, там где все говорят на русском.

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

      @@annasahradyan9849 ավելի լավնա webshtorm արտակարգ հեշտ ա աշխատել դրանով քան նեռվի դեղ vs codov
      ПЕРЕВОД C AR НА РУ: в вебшторме лучше в экстренных случаях, легче работать, чем с нервно-паралитическим vsCode

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

      @@zakiro4277 и что?

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

      иди к черту,так нормально ,понятно? Надеюсь всем понятно

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

      @@annasahradyan9849 просто перевёл а что ?

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

    Спасибо. Ценно.

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

    8:01 убедительная просьба, рассмотреть ВСЕ команды которые доступы в webStorm через графический интерфейс показать и объяснить на конкретных примерах что там и зачем оно нужно. т.к. кроме камита и пуша практически ничем не пользуюсь, мож там чё полезное есть ))

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

    Александр, я правильно понимаю, что create-react-app в билде отдаёт только статику?

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

    Для этих манипуляций давно придумали пакет gh-pages. Он автоматически пушит ваше реакт приложение на гитхаб одной командой.

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

    вы не планируете делать курс по SEO?

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

    Не понял - у меня же есть код в SRC, а есть Билд - так а что\куда пушить? Или всё вместе?

  • @deniss.3661
    @deniss.3661 3 года назад

    День добрый! Написали на почту по сотрудничеству.

  • @РодяЕвладенко-п8щ
    @РодяЕвладенко-п8щ 2 года назад

    не понимаю, что не так .. может уже по другому нужно делать.. У меня белая страничка((
    делал через git bash не выходило, скачал специально phpShtorm , та же проблема - белая

  • @skyTechVektor
    @skyTechVektor 2 года назад +1

    у меня на хостинге гитхаба просто белый экран

    • @Oleksandr9665
      @Oleksandr9665 Год назад +1

      Чисто белый экран? Тогда надо отредактировать html file, а именно переместить тег из в ПОСЛЕ тега

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

      @@Oleksandr9665 я на netify выложил

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

    типа если человек в гугле набет Овощи москва тогда репозиторий будет рябом с другими сайтами? В простом гитхаб рипозиторий токого не было.

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

    Привет

  • @petrvictorovich
    @petrvictorovich 2 года назад +1

    Я чот не понял, почему я должен называть репозиторий как-то так, а не как я хочу?

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

    спасибо

  • @olegBilyi-n4j
    @olegBilyi-n4j 2 года назад

    Дякую

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

    не натив вернусь позже

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

    +++

  • @sp.clickclack9125
    @sp.clickclack9125 3 года назад

    Красиво.