95 - ReactJS + github pages, разворачиваем наш проект deploy
it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Github Pages - это упрощённый хостинг, который уже достаточно давно предолжил github всем нам: размещайте свои статические html\css\js странички в интернете!!! И будет вам счастье!
А наше ReactJS одностраничное приложение (SPA) - это ведь тоже просто набор статических зафиксированный готовых фаликов, какими бы они нам не казались сложными во время разработки! Потом по итогу Babel + Webpack упакуют это всё в обычные файлики.
Сегодня мы и будем с вами учиться разворачивать нашу соц. сеть github pages
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#githubpages #reactjs #практика #пример #уроки #курс
Пікірлер: 545
Ну ты просто монстр! Столько уроков сделать, и они же не по 10 минут.
@Ngiss1
Жыл бұрын
@@TheSky5028 Кому как. Может ты такой способный. А так все наоборот четко и разжёвано... Кому слишком воды есть х2. Поэтому хорошо, что не по 10 минут!
Давайте накидаем лайки Димычу, чтобы он смотивировался и выпустил новое видео
Огромное спасибо! Отличная все таки у Димыча подача материала - все разжевано, четко и по полочкам. Удалось развернуть React-проект на github pages, но вот CORS все равно падает, при первой же инициализации. Хотя и подписку проплатил, адрес в аккаунте настроил, ключ перепроверил да и уже часа 2 прождал... Думаю пока подождать, а то сейчас уже поздний вечер, авось наутро заработает ) UPD: Утром все заработало!)
Осталось 5 видосов, Димыч! Молодец!!!
@ITKAMASUTRA
4 жыл бұрын
Ууух, сам жду с нетерпением 100 выпуска, чтобы на пару недель залечь на дно)))
У кого нету внизу слева вкладки npm (по умолчанию ее там нет, а я долго мучался, пытаясь понять откуда она у Димыча взялась). Открываем package.json -> ПКМ (прямо по открытому файлу, в любом месте текста) -> Show npm scripts. И оно там появится!
@alexandrchazov6185
3 жыл бұрын
спасибо
@vagoalex13
2 жыл бұрын
Это только в webStorm или в VSCode тоже можно настроить?
@user-bx7ly2th3b
2 жыл бұрын
@@vagoalex13 я в vscode не пробовал реакт ещё, так что не знаю
У меня тоже пол третьего сейчас))) Добил я наконец это разворачивание на GitHub Pages. Всё круто, здорово! Бомбим дальше! Спасибо за урок!
Вот Дима красавчик, конечно, не очень очевидную тему объяснил супер доходчиво. Не знаю, насколько вообще github pages можно считать нормальным хостингом, ведь перед тем, как сделать deploy пришлось пару "фишек" в код добавить, но в конце концов все заработало, что не может не радовать)) Однозначно лучший курс по React JS и JavaScript. Диме сил и удачи!
Как всегда, полезная информация, спасибо тебе!)
Без платной подписки у Димыча на серваке gh-pages работать не будут. Сервак буед слать нафиг. Проплатил подписку, не работало. Сходил заварил чаек, достал бубен, потрусил им возле компа - через 10 мин заработало ( -; Для тех, кто с Украины... у Димыча подписка оплачивается через яндекс, который у нас заблочен. Юзайте TOR или еще какой-нибудь vpn
Крутейший выпуск про Deploy на GitHub Pages React/Redux приоложения!!! Было бы ещё очень круто если ты в одном из выпусков расскажешь про CI/CD )))
@ITKAMASUTRA
4 жыл бұрын
Позже в более продвинутых делах!
Столько полезной информации что самое главное не забыть, Спасибо за уроки!
как всегда божественный урок,спасибо. ReactJS + github pages
Ребята,после вашего deploy первого да и последующих оно не сразу запуститься на гите!!Вам нужно будет немного подождать,потом проверяйте!Так что не паникуйте сразу что у вас выпала ошибка при переходе по своей ссылке
@user-fw5ew5nd4f
4 жыл бұрын
thank
@vitaliyyasinskiy3689
3 жыл бұрын
10 минут ожидания это много или мало?))) Сижу вот, думаю - то ли я ошибся в чем то, то ли реально гит тормозит
@vadimkurikin5269
3 жыл бұрын
@@vitaliyyasinskiy3689 ровно через 10 минут обновилось)
@tamusuanchik6465
3 жыл бұрын
А если там не ошибка а белый экран ?
@vlad-zf1ev
2 жыл бұрын
@@tamusuanchik6465 так каков ответ?)) тоже белый экран и я не знаю все ли сделал
Спасибо за уроки, все получилось! Подписочку проплатил. Это одна из лучших инвестиций (как дерег, так и времени) Спасибо за уроки и веру в нас!
А я и не знал о таком лайфхаке, как github pages. Не платишь ни за хостинг, ни за домен - круто. Теперь я знаю, как деплоить проект на ReactJS ;-) Спасибо, Димыч.
хороший понятный урок по разворачиванию сайта на github pages. Спасибо!
Сейчас уже можно сделать кастомную страничку 404 на gh-pages. И при обновлении страницы ничего не будет ломаться. Просто надо поставить basename ="/"
Свершилось! Я выложила свое детище на gh-pages в таком виде как делали в уроках. Очень долго откладывала этот 95 выпуск(уже и подписка закончилась, но я продлила), что почти забыла как мы все это сделали😑 Просмотрю все заново) Спасибо, Дима, за этот чудо-курс!
@sb9185
2 жыл бұрын
Здравствуйте, не могли бы Вы прислать ссылку на проект ?
Ваще агонь! Я запушил свою учебную соцсеть на гитхаб пэйдж. Крутяк! Димыч, ты ваще мужик!
Крутой урок по React + github pages. Спасибо, сенсей! It-kamasutra, впирёд!
Совет проходящим этот урок сейчас, обновите Git на компе (если он уже установлен)!!! 16 часов... 16 часов мне понадобилось чтоб до этого доехать, потому как через Git Bash все заливалось, но из IDE писало "Не могу войти : Нет файла или папки.". Но я то хотел сделать deploy из IDE... 16 часов. Дима, спасибо за мега уроки... :) Палец вверх, и вперед к offer-у... :)
@vadimkurikin5269
3 жыл бұрын
На мой взгляд данный урок был самый сложный из 95 пройденных. Гитом вообще не пользовался, а Димыч так, между делом команды вводит, вообще не понятно ничего было) 3 вечера потратил на изучение гита и эксперименты с ветками и пушами... Усугубило ещё долгое обновление gh pages.
Спасибо, Димыч! Затянуто получилось, на 1.25 нормально идёт) Приятно подаешь как всегда!
Все получилось! Спасибо Димыч! Лечу дальше :) React JS github pages!
Спасибо огромное за твой труд! Смотрю дальше!
Запустил проект, шик! Спасибо, Димыч! ReactJS + github pages,
Димыч отличный урок, шикарная информация! Получилось все и сразу, без проблем!
Димыч, какое это блаженство когда все работает как надо благодаря тебе, не работало, не хватало терпения дождаться когда приложение закешируется на Github Pages, было пару затупов, а потом полетело, ты красавчик, с меня лайк и подписка)))) #ReactJS #Deploy #Github_Pages
как всегда всё подробно и качественно объяснил!
Царский лайк, Дима, за такой огромный труд) 95-ый урок, летим дальше)
Лучшие уроки по React!
первый раз увидел "-am", я всегда просто "-m" ставил - работает)
спасибо за видос!! все оооочень доступно, получилось с первого раза!!! Молодчик!!
спасибо за ликбез о deploy React приложения на github pages!)
95 - ReactJS + github pages +++++!!!! All working now! It's easy. Dimich, great respect to you for my new knowledge !!!
Все работает 🚀 единственное, чтобы я добавил к этому уроку, это положить наш API key в файл env, чтобы не пушить его в открытом виде на Github . Летим дальше 🚀🚀🚀
@sb9185
2 жыл бұрын
Здравствуйте, не могли бы вы поделиться ссылкой на проект?
@alik64
2 жыл бұрын
@@sb9185 добрый день, пытаюсь скинуть ссылку, youtube не даёт, что у вас не работает?
Спасибо за уроки! React github pages deploy
Но конец то добрался до вас братья самураи :) крутой был выпуск, я пользовался githube-ом больше года, но не знал об githube pages и что можно deploy делать свои сайты. Спасибо Димыч !!!
@ITKAMASUTRA
4 жыл бұрын
Супер, пожалуйста!
Как же круто!!! Все получается! deploying to github pages Спасибо большое!!!!!!
Всё получилось, огонь! Спасибо!)
Спасибо! React, Redux, github pages, deploy.
Спасибо,классный урок ! github deploy
Спасибо Дима, что так детально все на кошках рассказал ! Более детальней и подробней нигде нет )
Спасибо большое 😍 Тоже была проблема после обновления страницы в GitHub страница отапливался. После использования HashRouter проблема пропала 😁
2022. Очень надеялся что в курсе будет deploy на github pages. И вот он! Спасибо огроменное!
@xikikamori2327
Жыл бұрын
Здравствуйте хотел спросить на счёт можно ли хостить сайт на Гите без платной подписки ?
@pashabezk
Жыл бұрын
@@xikikamori2327 Привет! Бесплатно можно хостить статичные сайты. Какой-нибудь сервер можно хостить только по подписке Если что, реакт приложение можно сбилдить в статичный сайт, т.е. его можно захостить на github pages бесплатно
@xikikamori2327
Жыл бұрын
@@pashabezk благодарю
все задеплоилось с первого раза! спасибо! ReactJS + github pages
Спасибо тебе огромное! Взял подписку на 3 месяца)
Супер видос, вообще супер курс, дает подумать самому, не всегда все работает и приходится искать проблему самому. По сути работа программиста в этом и заключается, искать решения и применять их.
Димыч молодец, все подробно и интересно!
Жду с нетерпением!!
Мощно! Всё получилось!)
3 часа промучалась с уроком, но по итогу все получилось!! Спасибо Димыч от всей души, курс бесподобен, летим в космос !)))))
спасибо, очень полезно github pages. Не знала.
ReactJS + github pages. Спасибо, Димыч, проект в вебе, Hello World! Правда, внешний вид допилить бы ).
Спасибо, Димыч! GitHUB pages deploy project
Димыч, я пока что только по первому кругу смотрю, учусь без компьютера (скоро куплю). Но меня радуют твои уроки. Я понимаю, что я не настолько тупой, чтобы не смочь это осилить Я прошёл JS (комп был жив), но очень боялся, что не осилю React. С твоими уроками тоже боюсь, но меньше)
Круто, Димыч огромная благодарность, gh-pages deploy, все работает)
Лайк за информацию. Вся актуальная информация по деплою находится в этой статье по запросу "ReactJS + github pages - разворачиваем проект deploy на GitHub", также была проблема с deploy'ем из Webstorm, она и осталась, возможно проблема с версиями. Если запускать деплой через gitbash, то все отлично. Осталась проблема с Hashrouter, не работает, остальное все ок. Едем дальше.
100,мать его, видосов.Это просто бомбически. Однозначно лайк.
@ITKAMASUTRA
4 жыл бұрын
Вчера ночью записывал 100 выпуск... офигел сам от масштаба проделанной работы!!!
Спасибо, Dimych! Узнал много нового. Лайк!
Круто, все получилось, спасибо)))) Подписичку оформила )))
@ITKAMASUTRA
3 жыл бұрын
✊
Супер ролик! Спас многих от бесконечного поиска бесплатных хостингов.
Sorry за избыточное комментирование)Проект прекрасно развернулся спасибо!Космос,лечу скоро Альфа Центавра!
Deploy react app github pages Димыч, спасибо за множество уточнений!
Всего пять уроков осталось, фух. Сейчас допройду остаток этого плейлиста и наверное доку прочитаю) Спасибо Димыч, за то что заложил в голове фундамент реакта и SPA)
@ITKAMASUTRA
2 ай бұрын
🤝👍🚀
95 - ReactJS + github pages, всего лишь сутки и Git побежден с подключением SSH. Жесть, но как приятно когда ты разобрался. Димыч, твоя заслуга!
Спасибо за урок
Ох, в первый раз не дошел курс до конца (месяцев 5-6 назад), а тут за две недели решил бомбануть :D Вот этот выпуск надо было раньше делать, просто всё встало сразу на места и всё завелось)) Респект Димыч
Всё получилось и во всём разобрался!!! 2 дня парился и радости полные штаны)))
Я не верю своим глазам. 95 видос. ReactJS + github pages, разворачиваем наш проект deploy. Спасибо за труд и полезные видосы по ReactJS, пока у меня копипаст, надеюсь, что у меня получится обрести мастерство в ReactJS и в github pages, развернуть проект deploy.
Спасибо Димыч, все работает, проект задеплоен. Пакет gh-pages просто пушка, с ним гораздо легче все делаеться. )
лайкос, и погнали смотреть !
К середине урока подвис - думал не получится - - - но в итоге Получилось - - - Дмитрий - вы правильно делаете. Могёте, да и вообще вы все молодцы!👌😎😎😎👍
спасибо большое, что всё и на фри версии работает! димыч огонь
Спасибо за урок!!! react redux git github guthub pages
Спасибо большое за урок! Было очень полезно. React redux github pages hashRouter deploy react-app
ReactJS + github pages. Спасибо, сенсей)
Димычьб спасибо, всё работает. React Redux github pages
Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured wi th the "repo" option).
@ITKAMASUTRA
4 жыл бұрын
1. Создайте репозиторий на гитхабе новый 2. Клонируйте пустой репозиторий к себе на комп 3. В полученную папку закиньте свою соц. Сеть полностью (если в папке с соц сетью была своя папка .git, то её не закидывать) 4. Сделать комит, пуш... И дальше уже по инструкции с видео! Должно все быть ок
@andreiovsenev6573
4 жыл бұрын
Если подключен git к webstorm VSC>Git>Remotes...> переименовать в поле "Name" репозиторий на "origin" Мне помогло. Но! перед этим я в настройках репозитория я создавал ветку "master" и деплоил его, а после деплоя через webstorm переключал на ветку "gh-pages ". Поэтому возможно надо будет проделать мои шаги. Кто не подключал git к webstorm, но уже имел репозиторий с кучей комитов, как у меня тоже решение есть git remote add origin , with the URL of my repository on Github. Это для тех, кто не хочет делать новый репозиторий.
@yogurt3762
4 жыл бұрын
@@MichaelCurze получилось решить? такая же проблема
@twainprod
3 жыл бұрын
Короче, мучился тоже с такой проблемой. Гуглил на англ, в итоге помогло в терминале "git init", а дальше уже "git remote add origin ваш-url.git". Проблема, как я понял, была в том, что автоматически не создалась эта папка .git в корне нашего проекта. После этих действий получилось всё запушить и задеплоить проект на gh-pages.
Спасибо Димыч! ReactJS + github pages, разворачиваем наш проект deploy #githubpages #reactjs
cпс! ReactJS + github pages , js, react , redux!
Летим к финишу!) ReactJS + github pages
Димыч, пора мерч свой выпускать, норм тема). Как обычно, большая благодарность тебе за старания! deploy github pages
Всё ещё через хэш роутер это делать нужно или есть сейчас другие подходы на gp?
Димыч, спасибо!) ReactJS + github pages, разворачиваем наш проект deploy
За хешроутер отдельное спасибо, т.к. в остальном еще уроке на пятидесятом разобрался :)
благослови тебя Господь Дмитрий
ReactJS + github pages + npm run deploy Все получилось, спасибо!!!
spasibo za urok - 95 - ReactJS + github pages, разворачиваем наш проект deploy
Спасибо за видеоуроки! Но возник вопрос, может, кто-нибудь сталкивался: при работе с соцсетью на гитхаб, выдает ошибку 403 исключительно на гет запрос информации профиля. Притом, что все остальные запросы проходят, а такой же запрос профиля с локалхост ошибки не вызывает.
@user-fm7oe4ik6v
3 жыл бұрын
Ошибка спряталась в запросе, отправляемом прямо из ProfileContainer (недоглядел, не перенес в API плюс с thunk немного напутал). Проблема решена. Еще раз спасибо, как говорит Димыч, летим дальше!)
весело с такой же проблемой столкнулся в уроке 10-20 где мы роутеры подключали)))) уже не помню как исправил
20:30 не ищи по дереву как по алфавиту - A B C D, кликни на саму папку и начни набирать нужную.
На этот урок потратил больше все времени! Реакт оказался не так сложен, как попытка его развернуть) И мне, почему то, нужно постоянно комитить изменения после обновления кода, деплой не подтягиваех их. github pages, deploy
А папка build в исключениях .gitignore, то есть она не копируется в репозиторий. Разве это нормально?
@ITKAMASUTRA
4 жыл бұрын
Да, ведь любой может скомпилировать и получить эту папку, имея исходный код!
Все вышло с первого раза! #ReactJS #deploy #gh-pages
Получилось!!! Спасибо за помощь!!! P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, github pages, разворачиваем проект, deploy
А как сделать что бы именно соц сеть отображалась , а не index.html который мы создали вначале видео.
@lvasmart3516
3 жыл бұрын
Разобрался с ответом ?
Это было трудно...Осталось 5 уроков...Спасибо Димыч!
Прости Димыч, это первое видео, которое не досмотрел до конца, мчю дальше!)
проделал 100 уроков и в конце вернулся сюда и завершил деплой. Все получилось!
1:40 до премьеры...))