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

Поделиться
HTML-код
  • Опубликовано: 26 янв 2025

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

  • @SuprunAlexey
    @SuprunAlexey  4 года назад +46

    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 3 года назад

      @@ИванСтепанов-л2ц Спасибо тебе, добрый человек, за файл !!!

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

      Пол дня сидел думал как исправить эту фигню. Роутинг норм работае, переходишь на роут - обновил страницу и ошибка, а тут все гуд...СПАСИБО!!!

  • @znatniy-pekar
    @znatniy-pekar 3 года назад +32

    Блин спасибо тебе за труд мужик. Я три дня пытался запилить свой сайт на хостинг. Пытался через firebase, GitHub пока не наткнулся на твой ролик и наконец все получилось. Кстати сегодня прошел ровно год как я написал свое первое Hello world и наконец то я залил свой первый сайт. Это такой кайф

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

      Поздравляю! как успехи?
      До сегодняшнего дня я думал, что залить свой проект на хостинг - это как фотки в облако загрузить, как же я ошибался))

  • @theodore4976
    @theodore4976 4 месяца назад

    Большое спасибо! С большим удовольствием верстала вместе с Вами сайт. Прошло много времени с записи курса и многое изменилось в синтаксисе, тем не менее у меня все получилось! Очень благодарна Вам! Анна

  • @timbright4336
    @timbright4336 4 года назад +9

    Спасибо за труд! Успехов тебе в дальнейшем! Дело это не бросай, все здорово получается.

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

    спасибо огромное! уместил огромный обьем информации в 7 минут, за это респект)

  • @hellohost7870
    @hellohost7870 4 года назад +1

    Большое спасибо, все очень просто и понятно. С heroku всю ночь возился.

  • @konstantin.artifex
    @konstantin.artifex Год назад +1

    А требуется ли какие нибудь расширения к хостингу, например не во всех тарифах предусматривается nodejs. Во всех ли хостингах есть окружение Node JS?

  • @begbmak1
    @begbmak1 2 месяца назад

    тут однозначно LIKE👍

  • @begbmak1
    @begbmak1 2 месяца назад

    не , тут однозначно LIKE 👍

  • @IzyLifeVlog
    @IzyLifeVlog 4 года назад +3

    Очень полезный туториал!) Респект за труд!)
    Очень интересно было бы услышать в рамках данного курса о настройках CEO тегов и вообще про то как видят боты этот сайт. Я новичок, но знаю что SPA пока может видеть только бот от гугла. Почему-то про это мало информации

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

    Спасибо вам,посмотрел весь плейлист ,много понял.Благодарю.

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

    Спасибо, файл .htaccess помог разобраться с роутингом) А то настраивали-настраивали и ничегошеньки не работало. Искали инфу по поводу этого в интернете и думали уже нашего бэкендера дёргать, а оно вот как просто)

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

    Спасибо Вам огромное за Ваше объяснение !!! Вы мне очень помогли =)

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

      ! ! ! ВОПРОС ! ! !
      ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ?
      ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ.
      ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС?
      БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)

  • @NewWorld_and_Me
    @NewWorld_and_Me 4 года назад +2

    Большое спасибо, всё понятно, всё легко и доступно для понимания новивкам. Было бы отлично довести всё до логического завершения, доделать форму обратной связи чтобы она работала, доделать футер, возможно привязки к соц сетям итд. Простите если говорю ерунду, но для меня это в новинку, вторую неделю сижу за реактом и все больше и больше он мне нравится.

    • @xeniya5489
      @xeniya5489 4 года назад +1

      Согласна, мне было бы тоже полезно посмотреть урок про форму обратной связи.

    • @Олександр-ь1щ1й
      @Олександр-ь1щ1й Год назад

      Жаль что вы обычно не отвечайте спустя столько лет

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

    супер! ничего не работало из за настройки сервера ) огромный респект!!!!!!!!

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

    Ребят! Я новенькая в Реакте и сильно туплю, как в в самом Реакте, так и в терминологии. Я поняла, что билд подготавливает папку для публикации на хосте. А могу я сама сразу создавать нужные файлики на хостинге, чтоб не мудохаться локально с нодом?

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

    Чувак спасибо тебе, реально топ контент!

  • @AurumCode-17
    @AurumCode-17 2 года назад

    видео оказался очень полезным, спасибо вам !

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

    Super!!! Спасибо автору.

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

    Спасибо. Всё очень понятно

  • @k_ilya
    @k_ilya 2 года назад +2

    Короче можно не мучаться с .htaccess и прописать в package.json
    "homepage": ".",
    Только если используется роутинг реакта, придётся использовать HashRouter.
    Ибо BrowserRouter будет работать, но при обновлении страницы будет выдавать 404
    А если роутинга нет и приложение труЪ одностраничное, то вообще отличное решение.

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

      Как раз столкнулся с данной проблемой, сделал свое первое React-приложение, как раз испол-ся там BrowserRouter и оно как раз многостраничное.
      И еще есть проблема изначальной стартовой home загрузки

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

    Спасибо за видео-урок, помогло!

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

    Благодарю. Очень пригодилось!

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

    Полезно. Только остался вопрос как подключить переменные окружения.

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

    Работает! Благодарю за подсказку ;)

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

    У меня все равно белая страница после сборки проекта. Полдня просидел над вопросом и взял в аренду впс 😅

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

    Почему в видосе сайт не показывается после сборки без сервера?? Там же онли html и преобразованный JS не?

  • @Edvard-Aliev
    @Edvard-Aliev 4 года назад +2

    Крутой курс! А будет с базой данных продолжение?!

  • @Дм.Ж
    @Дм.Ж 11 месяцев назад

    А содержание файла htacces где то есть? В комментариях не увидел.

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

    Internal Server Error
    вот такая ошибка что делать

  • @PitMit
    @PitMit 4 года назад +1

    Дякую за відео!!!!)))

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      Все получилось?

    • @PitMit
      @PitMit 4 года назад

      Web Developer Blog ще не пробував)))

  • @TheMrAndrogamer
    @TheMrAndrogamer 4 года назад +2

    Здравствуйте, такой вопрос, у меня есть сайт на реакте и нужно сделать возможность добавления новостей и все, нужно ли писать свою админку или какую-нибудь cms подключать? К чему подключить реакт сайт проще?
    Видео отличное, спасибо!)

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

    ❓ Самый главный вопрос, почему после билда страничка не открывается просто в браузере, а нужно именно через сервер, ведь по сути это html и jscript который выполняется на стороне клиента?

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

    3:08 там есть 1 кадр где все его данные показываются

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

    Захостить можно только 1 React приложение на GitHub?

  • @tortuga.3003
    @tortuga.3003 6 месяцев назад

    А что если папка build не появилась а вместо неё появилась папка dist?

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

    Довольно забавно наблюдать, как к концу курса все меньшее количество людей его смотрят))

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

      До конца доходят самые стойкие)

  • @karoche-tv
    @karoche-tv 3 года назад

    Привет 🖐 как выгрузить проект на реакте из гитхаба на firebase? Я запустил на локалке на порту 3000 работает но бекенд не пашет на опенсервере. Там в проекте работает добавление изображений и текста. Все добавляется но после очищения cookie кеш не чего нету.

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

    Огромное спасибо!

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

    У меня с файлом .htaccess не компилируется почему-то.

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

    А как настроить отправку форм на почту?

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

    Спасибо большое!

  • @antonyakovlev759
    @antonyakovlev759 4 года назад +1

    Огромное спасибо! Ещё очень хочется узнать как установить react рядом с разметкой отрендеренной на сервере с помощью PHP ?

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      Это прям тема для отдельного видео

  • @ДмитрийПротазюк
    @ДмитрийПротазюк 10 месяцев назад +1

    Смысл реакта с перезагрузкой страницы

  • @peli_
    @peli_ 4 года назад

    Большое спасибо за цикл лекций. Вопрос если я хочу что то поменять в компонентах или страницах, какие мои действия, чтобы обновления появились на хосте?

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      Проделать ту же операцию

    • @peli_
      @peli_ 4 года назад

      @@SuprunAlexey Я правильно понимаю, что сделав изменения например в About.js мне нужно сделать npm build в консоли и обновленные документы переложить в файлзиллу или достаточно только один обновленный файл переложить? Спасибо заранее

  • @rusganeev
    @rusganeev 4 года назад +1

    Спасибо! А как авторизацию делать? сессии?

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      Бэкенд нужен

    • @danielkhachaturian
      @danielkhachaturian 4 года назад +1

      @@SuprunAlexey как их связать? будет видео по этому поводу? Если уже есть -- пжалста ткните

  • @Fs-xj2gu
    @Fs-xj2gu 4 года назад +1

    а если на bestHost загружать
    У меня что то не открывает сайт
    Белый фон

    • @leonziger2496
      @leonziger2496 4 года назад

      та же проблема :( на хостинге который тут рекламировался

    • @Капитошка-Картошка
      @Капитошка-Картошка 4 года назад

      @@leonziger2496 можешь скинуть код сайта?

    • @leonziger2496
      @leonziger2496 4 года назад

      @@Капитошка-Картошка уже неактуально

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

    Зачем вы снимаете видео в котором отсутствует информация о ПРАВИЛЬНОЙ загрузке приложения разработанного на React js на хостинг?. Все что здесь изложено не работает. У многих не получилось, они вам задали вопрос и не получили на него ответ.

  • @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

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

    Нафига эта ненужная информация о fizile о каком то хостинге. Где инфа о настройке packege. json, homepage , снимают какой-то бред и называют это пошаговой инструкцией. Жирный минус

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

    благодарю , полезное видео! кстати там замазанные даны остаются видны на долю секунды, но видосу почти 3 года так что думаю нормально

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

    Здраствуйте! У меня ошибка при команде serve -s build, кто нибудь знает как это можно пофиксить?

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

    ! ! ! ВОПРОС ! ! !
    ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ?
    ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ.
    ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС?
    БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)

  • @ИльяЗ-к1ф
    @ИльяЗ-к1ф 2 года назад

    Не работает React приложение не разворачивают :(
    Звонил в службу поддержки, сделал все по видео.

  • @parabellum577
    @parabellum577 4 года назад

    npm run build не создает папки build

  • @eugeenyjoy
    @eugeenyjoy 4 года назад

    Так, и? Как редактировать то приложение? Или все изменения вносятся на локальной машине? Но ведь будет изменяться бек, значит будут несоответствия файлов. Не думаю что те кто создают приложения делают их на один раз.

    • @SuprunAlexey
      @SuprunAlexey  4 года назад +1

      Переписать файл

    • @whitesakurai
      @whitesakurai 4 года назад

      Ахахахахаха

    • @whitesakurai
      @whitesakurai 4 года назад

      @@SuprunAlexey Мда, не думал что всё на столько плохо бывает с мозгами, как относишься к таким особо забавным комментариям?

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

      @@whitesakurai С мозгами, похоже у тебя непорядок. Если человек задает вопрос, то он наверное чего-то недопонял. Или здесь задают вопросы те, кто умом блеснуть хочет? Конкурс на самый умный вопрос?
      Ты еще напиши, что только тупые задают вообще вопросы, умник млин...

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

      @@SuprunAlexey мне вот тоже не понятно, если есть задача, изменить текст на кнопке. То есть, какая-то простейшая задача. То у нас путь только один - раздобыть исходники, развернуть react на локалке, заменить текст в нужном компоненте, забилдить и выложить обратно на хостинг, правильно я понимаю?

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

    Благодарен)

  • @iBird
    @iBird 4 года назад +1

    А что делать для тех у кого nginx? Там htaccess не работает

    • @SuprunAlexey
      @SuprunAlexey  4 года назад

      А там через сам Nginx надо настраивать

  • @gffg6514
    @gffg6514 4 года назад +2

    сделай пж практику php

  • @РадмилАлиакберов

    заебись работает спасибо

  • @BigDaddy-zp6hz
    @BigDaddy-zp6hz 4 года назад

    react реально тема

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

    Супер! Спасибо бро

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

      ! ! ! ВОПРОС ! ! !
      ПО КАКОМУ АДРЕСУ ОТПРАВЛЯТЬ АПИ ЗАПРОСЫ ?
      ЕСЛИ БЭК И ФРОНТ ЛЕЖИТ НА СЕРВЕРЕ.
      ИЛИ ДАЙТЕ ИНФОРМАЦИЮ О ТОМ ГДЕ ПОСМОТРЕТЬ АДРЕС?
      БУДУ ОЧЕНЬ ПРИЗНАТЕЛЕН ЗА ПОМОЩЬ)

  • @s95-i1d
    @s95-i1d 4 года назад

    У меня не получается

  • @inigoloy
    @inigoloy 4 года назад +1

    И что на этом все? А продолжение?

    • @SuprunAlexey
      @SuprunAlexey  4 года назад +2

      Завтра курс по реакт

  • @psihp6
    @psihp6 4 года назад

    Если тебе этот аккаунт еще нужен лучше замаж по лучше, а то есть кадр где все данные видны.

    • @SuprunAlexey
      @SuprunAlexey  4 года назад +1

      Просто удалил этот аккаунт и все)

  • @s1lentgrave
    @s1lentgrave 4 года назад

    я не могу в вк использовать http(((((((

  • @City__Walker
    @City__Walker 4 года назад +1

    все это хорошо но httacess вариант не работает в GithubPages

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

      получилось ?

  • @artemsdobnikov259
    @artemsdobnikov259 4 года назад

    в чем смысл использовать реакт, если сайт получается чисто статика?
    реакт не для этого создан

    • @SuprunAlexey
      @SuprunAlexey  4 года назад +6

      Артём Сдобников да я ж показать как работать с бутстрапом и компонентами, а вы во всем критику ищете

  • @blackout1819
    @blackout1819 4 года назад +2

    нихера не работает. залил сайт и белая страничка

    • @Капитошка-Картошка
      @Капитошка-Картошка 4 года назад

      можешь отправить код сайта пожалуйста?

    • @SashaKorjos
      @SashaKorjos 4 года назад

      Тоже самое белая страничка

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

      смогли ли вы решать, у меня тоже самое проблема

  • @iGotton
    @iGotton 4 года назад

    +

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

    в данный момент их хостинг не поддерживают сайты на node.js