vercel - для публікації проекту з Гіту в інтет\хостинг

https://vercel.com/|vercel - для публікації проекту з Гіту в інтет\хостинг. Український front-end хостинг. Кращиий для додатків з беком ніж гіт-хаб page + він сам відслідковує зхміни пушів у гіту

• За замовчуванням сервер (хостинг) Vercel, при відкритті сторінки веб-додатка в браузері намагається знайти HTML-файл, який відповідає маршруту.

Тобто, якщо ми переходимо за адресою:

• my-app.com - хостинг спробує повернути index.html
• my-app.com/about - хостинг спробує повернути about.html
• my-app.com/profile - хостинг спробує повернути profile.html і так далі.

У нашому додатку React є лише файл index.html, а при переході за адресою змінюється URL і оновлюється вміст файлу index.html, тобто рендеряться інші компоненти в тому самому HTML-файлі.

Нам потрібно, щоб при переході за будь-яким маршрутом сервер завжди повертав файл index.html, після чого React Router брав управління та починав відображення компонентів сторінки для поточного URL.

Саме для цього ми і додали файл vercel.json, щоб сказати Vercel, що у нас є SPA (Single Page Application) з маршрутизацією, і на будь-який URL слід повертати index.html.

Тому для правильної роботи додатка з маршрутизацією після розгортання на Vercel, слід:

1. додати файл налаштувань vercel.json в кореневу папку проекту.
2. Вписати наступний вміст файлу vercel.json.

{
  "rewrites":  [
    {"source": "/(.*)", "destination": "/"}
  ]
}