Тёмный

Как загрузить сайт React JS на хостинг 

Web Developer Blog
Подписаться 245 тыс.
Просмотров 62 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 116   
@SuprunAlexey
@SuprunAlexey 4 года назад
RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L]
@muhammedyashar9126
@muhammedyashar9126 4 года назад
А в проекте использовалась база данных???
@ИванСтепанов-л2ц
@ИванСтепанов-л2ц 4 года назад
@@muhammedyashar9126 нет
@kseniazh1738
@kseniazh1738 2 года назад
@@ИванСтепанов-л2ц Спасибо тебе, добрый человек, за файл !!!
@MSiL_UA
@MSiL_UA Год назад
Пол дня сидел думал как исправить эту фигню. Роутинг норм работае, переходишь на роут - обновил страницу и ошибка, а тут все гуд...СПАСИБО!!!
@znatniy-pekar
@znatniy-pekar 3 года назад
Блин спасибо тебе за труд мужик. Я три дня пытался запилить свой сайт на хостинг. Пытался через firebase, GitHub пока не наткнулся на твой ролик и наконец все получилось. Кстати сегодня прошел ровно год как я написал свое первое Hello world и наконец то я залил свой первый сайт. Это такой кайф
@medreab
@medreab 2 месяца назад
Поздравляю! как успехи? До сегодняшнего дня я думал, что залить свой проект на хостинг - это как фотки в облако загрузить, как же я ошибался))
@timbright4336
@timbright4336 4 года назад
Спасибо за труд! Успехов тебе в дальнейшем! Дело это не бросай, все здорово получается.
@shhdevon
@shhdevon 3 года назад
спасибо огромное! уместил огромный обьем информации в 7 минут, за это респект)
@NewWorld_and_Me
@NewWorld_and_Me 4 года назад
Большое спасибо, всё понятно, всё легко и доступно для понимания новивкам. Было бы отлично довести всё до логического завершения, доделать форму обратной связи чтобы она работала, доделать футер, возможно привязки к соц сетям итд. Простите если говорю ерунду, но для меня это в новинку, вторую неделю сижу за реактом и все больше и больше он мне нравится.
@xeniya5489
@xeniya5489 4 года назад
Согласна, мне было бы тоже полезно посмотреть урок про форму обратной связи.
@Олександр-ь1щ1й
Жаль что вы обычно не отвечайте спустя столько лет
@brucewayne_007
@brucewayne_007 Год назад
Спасибо. Всё очень понятно
@yakub8798
@yakub8798 2 года назад
видео оказался очень полезным, спасибо вам !
@anushkomilov
@anushkomilov Год назад
Super!!! Спасибо автору.
@ioannhide3355
@ioannhide3355 3 года назад
супер! ничего не работало из за настройки сервера ) огромный респект!!!!!!!!
@serhiistanislav
@serhiistanislav 3 года назад
Работает! Благодарю за подсказку ;)
@alastair5989
@alastair5989 4 года назад
3:09, в паре кадров данные засветились
@touze69
@touze69 3 года назад
офигеть😂
@whicencer8819
@whicencer8819 3 года назад
если поставить на 0.25 и клацать пробел. всё видно. Причём отчеливо
@ivan4486
@ivan4486 8 месяцев назад
Полезно. Только остался вопрос как подключить переменные окружения.
@TheMrAndrogamer
@TheMrAndrogamer 4 года назад
Здравствуйте, такой вопрос, у меня есть сайт на реакте и нужно сделать возможность добавления новостей и все, нужно ли писать свою админку или какую-нибудь cms подключать? К чему подключить реакт сайт проще? Видео отличное, спасибо!)
@Олександр-ь1щ1й
узнал?
@detorm4462
@detorm4462 Год назад
благодарю , полезное видео! кстати там замазанные даны остаются видны на долю секунды, но видосу почти 3 года так что думаю нормально
@antonyakovlev759
@antonyakovlev759 4 года назад
Огромное спасибо! Ещё очень хочется узнать как установить react рядом с разметкой отрендеренной на сервере с помощью PHP ?
@SuprunAlexey
@SuprunAlexey 4 года назад
Это прям тема для отдельного видео
@sia4281
@sia4281 Год назад
А как настроить отправку форм на почту?
@Fs-xj2gu
@Fs-xj2gu 4 года назад
а если на bestHost загружать У меня что то не открывает сайт Белый фон
@leonziger2496
@leonziger2496 4 года назад
та же проблема :( на хостинге который тут рекламировался
@Капитошка-Картошка
@@leonziger2496 можешь скинуть код сайта?
@leonziger2496
@leonziger2496 4 года назад
@@Капитошка-Картошка уже неактуально
@iBird
@iBird 4 года назад
А что делать для тех у кого nginx? Там htaccess не работает
@SuprunAlexey
@SuprunAlexey 4 года назад
А там через сам Nginx надо настраивать
@psihp6
@psihp6 4 года назад
Если тебе этот аккаунт еще нужен лучше замаж по лучше, а то есть кадр где все данные видны.
@SuprunAlexey
@SuprunAlexey 4 года назад
Просто удалил этот аккаунт и все)
@sergeyk7285
@sergeyk7285 3 года назад
Нафига эта ненужная информация о fizile о каком то хостинге. Где инфа о настройке packege. json, homepage , снимают какой-то бред и называют это пошаговой инструкцией. Жирный минус
@k_ilya
@k_ilya 2 года назад
Короче можно не мучаться с .htaccess и прописать в package.json "homepage": ".", Только если используется роутинг реакта, придётся использовать HashRouter. Ибо BrowserRouter будет работать, но при обновлении страницы будет выдавать 404 А если роутинга нет и приложение труЪ одностраничное, то вообще отличное решение.
@justkrem7764
@justkrem7764 Год назад
Как раз столкнулся с данной проблемой, сделал свое первое React-приложение, как раз испол-ся там BrowserRouter и оно как раз многостраничное. И еще есть проблема изначальной стартовой home загрузки
@Virass
@Virass 2 года назад
У меня все равно белая страница после сборки проекта. Полдня просидел над вопросом и взял в аренду впс 😅
@theodore4976
@theodore4976 25 дней назад
Большое спасибо! С большим удовольствием верстала вместе с Вами сайт. Прошло много времени с записи курса и многое изменилось в синтаксисе, тем не менее у меня все получилось! Очень благодарна Вам! Анна
@IzyLifeVlog
@IzyLifeVlog 4 года назад
Очень полезный туториал!) Респект за труд!) Очень интересно было бы услышать в рамках данного курса о настройках CEO тегов и вообще про то как видят боты этот сайт. Я новичок, но знаю что SPA пока может видеть только бот от гугла. Почему-то про это мало информации
@konstantin.artifex
@konstantin.artifex 10 месяцев назад
А требуется ли какие нибудь расширения к хостингу, например не во всех тарифах предусматривается nodejs. Во всех ли хостингах есть окружение Node JS?
@janbolotnurlanbekuulu7948
@janbolotnurlanbekuulu7948 3 года назад
Internal Server Error вот такая ошибка что делать
@tortuga.3003
@tortuga.3003 2 месяца назад
А что если папка build не появилась а вместо неё появилась папка dist?
@andra1846
@andra1846 2 года назад
Ребят! Я новенькая в Реакте и сильно туплю, как в в самом Реакте, так и в терминологии. Я поняла, что билд подготавливает папку для публикации на хосте. А могу я сама сразу создавать нужные файлики на хостинге, чтоб не мудохаться локально с нодом?
@crogot
@crogot 3 года назад
❓ Самый главный вопрос, почему после билда страничка не открывается просто в браузере, а нужно именно через сервер, ведь по сути это html и jscript который выполняется на стороне клиента?
@tis_cake
@tis_cake 3 года назад
cors
@Edvard-Aliev
@Edvard-Aliev 4 года назад
Крутой курс! А будет с базой данных продолжение?!
@ДмитрийПротазюк
@ДмитрийПротазюк 6 месяцев назад
Смысл реакта с перезагрузкой страницы
@SHARDloh
@SHARDloh 11 месяцев назад
3:08 там есть 1 кадр где все его данные показываются
@gffg6514
@gffg6514 4 года назад
сделай пж практику php
@maxamax5695
@maxamax5695 9 месяцев назад
! ! ! ВОПРОС ! ! ! ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ? ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ. ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС? БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)
@karoche-tv
@karoche-tv 3 года назад
Привет 🖐 как выгрузить проект на реакте из гитхаба на firebase? Я запустил на локалке на порту 3000 работает но бекенд не пашет на опенсервере. Там в проекте работает добавление изображений и текста. Все добавляется но после очищения cookie кеш не чего нету.
@sergeyk7285
@sergeyk7285 3 года назад
Зачем вы снимаете видео в котором отсутствует информация о ПРАВИЛЬНОЙ загрузке приложения разработанного на React js на хостинг?. Все что здесь изложено не работает. У многих не получилось, они вам задали вопрос и не получили на него ответ.
@timlftv
@timlftv 2 года назад
Спасибо, файл .htaccess помог разобраться с роутингом) А то настраивали-настраивали и ничегошеньки не работало. Искали инфу по поводу этого в интернете и думали уже нашего бэкендера дёргать, а оно вот как просто)
@Дм.Ж
@Дм.Ж 7 месяцев назад
А содержание файла htacces где то есть? В комментариях не увидел.
@PitMit
@PitMit 4 года назад
Дякую за відео!!!!)))
@SuprunAlexey
@SuprunAlexey 4 года назад
Все получилось?
@PitMit
@PitMit 4 года назад
Web Developer Blog ще не пробував)))
@sergey1277
@sergey1277 Год назад
Почему в видосе сайт не показывается после сборки без сервера?? Там же онли html и преобразованный JS не?
@mishagabrelyan9495
@mishagabrelyan9495 Год назад
Здраствуйте! У меня ошибка при команде serve -s build, кто нибудь знает как это можно пофиксить?
@ИльяЗ-к1ф
@ИльяЗ-к1ф 2 года назад
Не работает React приложение не разворачивают :( Звонил в службу поддержки, сделал все по видео.
@hellohost7870
@hellohost7870 4 года назад
Большое спасибо, все очень просто и понятно. С heroku всю ночь возился.
@o_petrushchak
@o_petrushchak 3 года назад
gh-pages попробуй
@xXXBetManXXx
@xXXBetManXXx 2 года назад
Захостить можно только 1 React приложение на GitHub?
@vancheshigh859
@vancheshigh859 2 года назад
У меня с файлом .htaccess не компилируется почему-то.
@AleksMosquito
@AleksMosquito Год назад
Чувак спасибо тебе, реально топ контент!
@inigoloy
@inigoloy 4 года назад
И что на этом все? А продолжение?
@SuprunAlexey
@SuprunAlexey 4 года назад
Завтра курс по реакт
@AnnabelleSwan
@AnnabelleSwan 11 месяцев назад
Спасибо Вам огромное за Ваше объяснение !!! Вы мне очень помогли =)
@maxamax5695
@maxamax5695 9 месяцев назад
! ! ! ВОПРОС ! ! ! ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ? ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ. ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС? БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)
@РадмилАлиакберов
@РадмилАлиакберов 10 месяцев назад
заебись работает спасибо
@parabellum577
@parabellum577 3 года назад
npm run build не создает папки build
@rusganeev
@rusganeev 4 года назад
Спасибо! А как авторизацию делать? сессии?
@SuprunAlexey
@SuprunAlexey 4 года назад
Бэкенд нужен
@danielkhachaturian
@danielkhachaturian 4 года назад
@@SuprunAlexey как их связать? будет видео по этому поводу? Если уже есть -- пжалста ткните
@web2130
@web2130 3 года назад
Спасибо вам,посмотрел весь плейлист ,много понял.Благодарю.
@iGotton
@iGotton 4 года назад
+
@s1lentgrave
@s1lentgrave 4 года назад
я не могу в вк использовать http(((((((
@Pashkathebest
@Pashkathebest 2 года назад
Благодарю. Очень пригодилось!
@vovaer5003
@vovaer5003 2 года назад
Спасибо за видео-урок, помогло!
@arthurosipov8283
@arthurosipov8283 Год назад
Спасибо большое!
@AlexanderShustik
@AlexanderShustik Год назад
Довольно забавно наблюдать, как к концу курса все меньшее количество людей его смотрят))
@Kiyanti
@Kiyanti 10 месяцев назад
До конца доходят самые стойкие)
@s95-i1d
@s95-i1d 4 года назад
У меня не получается
@BigDaddy-zp6hz
@BigDaddy-zp6hz 3 года назад
react реально тема
@vardanmeloyan7297
@vardanmeloyan7297 2 года назад
Огромное спасибо!
@ArthurYelkin
@ArthurYelkin 3 года назад
Благодарен)
@peli_
@peli_ 4 года назад
Большое спасибо за цикл лекций. Вопрос если я хочу что то поменять в компонентах или страницах, какие мои действия, чтобы обновления появились на хосте?
@SuprunAlexey
@SuprunAlexey 4 года назад
Проделать ту же операцию
@peli_
@peli_ 4 года назад
@@SuprunAlexey Я правильно понимаю, что сделав изменения например в About.js мне нужно сделать npm build в консоли и обновленные документы переложить в файлзиллу или достаточно только один обновленный файл переложить? Спасибо заранее
@spartansk3052
@spartansk3052 4 года назад
Ни когда не делал на реакте, по старинке html страницы, подключал бутстрап. А как такие страницы индексируются? хорошо всё с этим? Можно ли на реакте админку какую сделать или в этом роде, что бы в блоге добавлять посты не идя в код?
@SuprunAlexey
@SuprunAlexey 4 года назад
Реакт не для таких целей
@spartansk3052
@spartansk3052 4 года назад
@@SuprunAlexey посоветуешь чего? ну типо такого maxfarseer.gitbooks.io/react-course-ru/content/dobavit_novost.html какой нибудь localStorage, например на тел. себе запоминалку .apk делал Ну или записывать куда то хоть в файл, читать их. Я просто реакт освоить хочу вот старт=) еще фишку MDB еще присматриваю вот например mdbootstrap.com/docs/jquery/components/demo/#cards карты это лента новостей например, только я их сам добавляю/ред/удаляю. Мне понравилось с bootstrap работать
@spartansk3052
@spartansk3052 4 года назад
На тел. софтину делал, юзал это. Но лучше уж куда то записывать, что бы сохранялось. var elements = document.querySelectorAll('input, number'); function checkValidity() {}; for (i=0; i
@eugeenyjoy
@eugeenyjoy 3 года назад
Так, и? Как редактировать то приложение? Или все изменения вносятся на локальной машине? Но ведь будет изменяться бек, значит будут несоответствия файлов. Не думаю что те кто создают приложения делают их на один раз.
@SuprunAlexey
@SuprunAlexey 3 года назад
Переписать файл
@whitesakurai
@whitesakurai 3 года назад
Ахахахахаха
@whitesakurai
@whitesakurai 3 года назад
@@SuprunAlexey Мда, не думал что всё на столько плохо бывает с мозгами, как относишься к таким особо забавным комментариям?
@tochcha2971
@tochcha2971 2 года назад
@@whitesakurai С мозгами, похоже у тебя непорядок. Если человек задает вопрос, то он наверное чего-то недопонял. Или здесь задают вопросы те, кто умом блеснуть хочет? Конкурс на самый умный вопрос? Ты еще напиши, что только тупые задают вообще вопросы, умник млин...
@tochcha2971
@tochcha2971 2 года назад
@@SuprunAlexey мне вот тоже не понятно, если есть задача, изменить текст на кнопке. То есть, какая-то простейшая задача. То у нас путь только один - раздобыть исходники, развернуть react на локалке, заменить текст в нужном компоненте, забилдить и выложить обратно на хостинг, правильно я понимаю?
@blackout1819
@blackout1819 4 года назад
нихера не работает. залил сайт и белая страничка
@Капитошка-Картошка
можешь отправить код сайта пожалуйста?
@SashaKorjos
@SashaKorjos 3 года назад
Тоже самое белая страничка
@dear_up
@dear_up 10 месяцев назад
смогли ли вы решать, у меня тоже самое проблема
@City__Walker
@City__Walker 4 года назад
все это хорошо но httacess вариант не работает в GithubPages
@zakiro4277
@zakiro4277 2 года назад
получилось ?
@artemsdobnikov259
@artemsdobnikov259 4 года назад
в чем смысл использовать реакт, если сайт получается чисто статика? реакт не для этого создан
@SuprunAlexey
@SuprunAlexey 4 года назад
Артём Сдобников да я ж показать как работать с бутстрапом и компонентами, а вы во всем критику ищете
@MiqayelPetrosyan
@MiqayelPetrosyan 3 года назад
в данный момент их хостинг не поддерживают сайты на node.js
@samborsky_pro
@samborsky_pro 9 месяцев назад
Супер! Спасибо бро
@maxamax5695
@maxamax5695 9 месяцев назад
! ! ! ВОПРОС ! ! ! ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ? ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ. ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС? БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)
Далее
FATAL CHASE 😳 😳
00:19
Просмотров 1,3 млн
Deploy your Next.js app to a VPS (EASY!)
15:38
Просмотров 35 тыс.
FATAL CHASE 😳 😳
00:19
Просмотров 1,3 млн