Aplikacionet e krijuara me Lovable ose Bolt mund të funksionojnë nga faqja kryesore, por të shfaqin gabimin 404 NOT_FOUND në Vercel ose Netlify kur një adresë si /dashboard rifreskohet ose hapet drejtpërdrejt. Në këto raste, navigimi brenda aplikacionit funksionon, ndërsa hyrja përmes një lidhjeje të shpërndarë dështon.
Shkaku lidhet me arkitekturën single-page app: faqet krijohen në shfletues nga një router, si React Router ose Wouter. Kur adresa hapet drejtpërdrejt, serveri kërkon një skedar me emrin /dashboard, të cilin nuk e gjen. Ndryshe nga ky konfigurim, hostimi brenda Lovable ose Bolt ia përcjell automatikisht aplikacionit çdo adresë.
Në Vercel, zgjidhja është shtimi i skedarit vercel.json në rrënjën e repositorit, me përmbajtjen: { "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }] }. Kjo bën që kërkesat për çdo rrugë t’i kalojnë /index.html dhe të trajtohen nga router-i i aplikacionit.
Në Netlify duhet shtuar skedari public/_redirects me rreshtin: /* /index.html 200. Në Cloudflare Pages nuk nevojitet ndryshim, pasi adresat e panjohura i përcillen automatikisht aplikacionit. Pas ruajtjes dhe dërgimit të ndryshimeve në repositor, duhet provuar sërish hapja e drejtpërdrejtë e një faqeje të brendshme.
Burimi: DEV Community (Web Dev Feed) — lexoni artikullin e plotë në anglisht.
