Канал про NoCode

Забавный факт:
Если делать проект с supabase на v0 и нативно хостить его через Vercel (это два продукта от одной компании), то вылезает ошибка при деплое из-за того, что там почему-то криво работает интеграция, если данные для подключения к supabase написаны в env файле. Ну либо я криворукий.

При этом, если сделать все через lovable, залить на гитхаб и захостить на Vercel, то все будет работать корректно. Там правда есть тонкость, что нужно создать отдельный файл для Vercel vercel.json, чтобы он знал как роутить пользователя на нужные страницы. Короче просто при генерации упомяните, что будете хостить на Vercel и это все сразу будет заложено.

Вот так мне объяснил ошибку lovable

This is a common issue with client-side routing in Single Page Applications (SPAs) hosted on Vercel. The error occurs because Vercel doesn't know how to handle direct navigation to routes like /share/video_id and returns a 404 page instead.
To fix this, we need to add a vercel.json configuration file to tell Vercel to redirect all requests to the index.html file, allowing React Router to handle the routing client-side.

www.tgoop.com/pro_nocode/435

947 viewsЕвгений Спорыхин, Feb 8 at 10:38

Забавный факт:
Если делать проект с supabase на v0 и нативно хостить его через Vercel (это два продукта от одной компании), то вылезает ошибка при деплое из-за того, что там почему-то криво работает интеграция, если данные для подключения к supabase написаны в env файле. Ну либо я криворукий.

При этом, если сделать все через lovable, залить на гитхаб и захостить на Vercel, то все будет работать корректно. Там правда есть тонкость, что нужно создать отдельный файл для Vercel vercel.json, чтобы он знал как роутить пользователя на нужные страницы. Короче просто при генерации упомяните, что будете хостить на Vercel и это все сразу будет заложено.

Вот так мне объяснил ошибку lovable

This is a common issue with client-side routing in Single Page Applications (SPAs) hosted on Vercel. The error occurs because Vercel doesn't know how to handle direct navigation to routes like /share/video_id and returns a 404 page instead.
To fix this, we need to add a vercel.json configuration file to tell Vercel to redirect all requests to the index.html file, allowing React Router to handle the routing client-side.

BY Канал про NoCode