All non-root pages trigger /404 navigation fallback when deployed to Vercel.

[kelvindecosta]

Overview

Pages other than the home page (/), do not get rendered correctly.
Instead, the navigation fallback, which is /404 in this case is shown.

Reproduction

Relevant links:

• GitHub Repo
• Live deployment

Steps to recreate:

• Setup a basic astro starter with the recommended template files
• Add vercel adapter
• Add @vite-pwa/astro and @vite-pwa/assets-generator plugins

Key Observations

• At this point in the repository, the site is in output: "static" and the issue was not observed.
• After converting the app to a hybrid one, the issue is observed first

Related Issues

• Always show 404 page on all pages except root #15
• Trailing slash resolves in 404 #23

Other Minor Issues

• For some reason, the assets generator doesn't add the output to the .vercel/output/static directory. A workaround is to call the generator via the CLI and then commit the generated files (in public).
• The experimental directoryAndTrailingSlashHandler doesn't seem to work on the home page when configured for no trailing slashes.

Conclusion

I'm not sure how to continue debugging the issue here.
Since we use server endpoints, we need output: "hybrid".

I will appreciate any help and feedback.
Thank you for your time and for maintaining this project 🎈

[userquin]

If you use server pages and api endpiints you should add these urls to navigateFallbackDenylist regex array, check this issue vite-pwa/sveltekit#65

[kelvindecosta]

Hey @userquin, thank you for your response!

In the reproduction repository and live website, the issue happens for static pages too.
The / home page links to /second-page which triggers a /404 even though it is by default pre-rendered.

[userquin]

I Will try to check your repo tmr.

[userquin]

The sw installation is failing (check console errors), it seems we cannot use 404 when using hybrid mode since astro not exposing it as url (open https://pwa-repro.vercel.app/404 in private browsing: vercel response is 404). You will need to change the navigateFallback to root page.

(I cannot run preview script on my local, some vercel stuff required)