Как сделать деплой React-приложения на Netlify с json-server?

Question

[Danila232]

Есть React-приложение, использующее моковый API - json-server. То есть во время работы я сначала запускал json-server, а потом уже run start - само приложение. Но я хочу сделать демонстрацию своего приложения, чтобы оно было доступно любому просто по ссылке - на том же Netlify

Но непонятно, что теперь делать с моими запросами - ведь они все идут через json-server, и если я просто выгружу папку на нетлифай, у других людей они выполняться не будут

Прочитал, что в этой ситуацию могут помочь Heroku и Render.com, но 1й теперь платный, а во 2м я не очень разобрался, инфы в инете про него не нашёл.
Как бы вы решили эту проблему?

Comments

[fokit]

Раскошелься на 200 рублей в месяц и выложи это на VPS. Отдельно запускаешь фронт, отдельно бэк в виде json-server. В качестве веб-сервара nginx

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

[Danila232]

fokit, да я думал выложить приложение на какой-то недорогой хост, но опять же с json-server ом не знаю что делать, как его запускать
Его через nginx запускают? Или можно без него обойтись, просто на vps

[fokit]

Danila232, запукать точно также, как делаете это на локальной машине. Можно обойтись без nginx, просто запустить на разных портах

Answer 1

[Квазиморд Сидорович]

Перепиши на Next.js (тот же реакт только с SSR) и можешь выкатить его на https://vercel.com/

Comments

[Danila232]

Не, я ещё не проходил Next, мне сейчас надо, на обычном реакте

[Квазиморд Сидорович]

Danila232, там не много отличий - только специфика рендера на стороне сервера. Более того, многие работодатели набирают реакт-разработчиков - и сажают их сразу на Next.js(ну ты же знаешь реакт...)

[Danila232]

Квазиморд Сидорович, да я понимаю) но есть способ сделать демонстрацию проекта в моём случае - не на Next? Мне для портфолио нужно, чтобы клиенты могли потыкать
Хз, через render.com тот же, настроить его, запустить для моего json-файла и тд

[Danila232]

Квазиморд Сидорович, кстати - мне сказали, что для Next нужно знать ноду, это так? А то я ещё не знаю..

[Квазиморд Сидорович]

Danila232, Node - это обычный JavaScript к которому еще прикрутили немного возможностей(работа с файлами, работа с сетью и т.д.) Если углубляться в серверную разработку - то без знания ноды - увы... А чтобы переложить React проект на Next - нужно по сути разобраться с двумя функциями getStaticPaths и getStaticProps, а также работой с API - это не сложно. Мне в свое время хватило один вечер разобраться и понять, а на следующий вечер я выкатил свой проект на vercel. И в ютубе полно роликов про некст.