Add a custom 404 page — Lovable

A default 404 bounces users. A custom 404 with navigation and search keeps them on the site and reduces bounce rate.

rocket_launch

Fixing this in Lovable

AI full-stack app builder (React + Vite + Supabase)

For Vite+React, add a catchall route `path="*"` that renders your 404 component.

Using a different tool? Pick your stack:

Lovable Cursor Bolt v0 Replit Windsurf Claude Code Base44

The prompt for Lovable

Copy and paste this into your Lovable chat exactly as-is.

Fix my Lovable app — please make these exact changes in the Lovable editor:

Add a custom 404 page

1. Create a custom 404 page that helps users navigate back to working pages.

Why this matters

About 1-5% of page loads hit a 404 on most sites (typos, stale links, Googlebot discovery errors). A default bare "404 Not Found" bounces 90%+ of those visitors.

A custom 404 with search and a few popular links keeps users engaged and preserves SEO value — they do not leave Google's "dwell time" signal tanked.

How to use this prompt in Lovable

1. Open your Lovable project.
2. Copy the prompt above with the copy button.
3. Paste into the Lovable chat and send.
4. Review the diff, accept the changes, redeploy.
5. Verify the fix using the checklist below.

Common mistakes to avoid

error_outlineReturning 200 status for the 404 page — creates "soft 404" and confuses Google.
error_outlineShowing only "Not Found" with no helpful links or search.
error_outlineMissing the 404 status header even if the page is correct.

How to verify the fix worked

check_circle`curl -I https://yoursite.com/nonexistent` returns 404 status.
check_circleVisit a non-existent URL — branded 404 with search and links.
check_circleGoogle Search Console → Not Found report — no "soft 404" flags.

Frequently asked questions

Should 404 pages be indexed?expand_more

No. The 404 HTTP status tells Google not to index. Do not add robots meta to prevent it — status is enough.

Can I add analytics to 404s?expand_more

Yes — helpful to see which broken links come from. Track as a pageview or a custom event.

Want all 34 prompts tailored to your Lovable site?

Pantra scans your site in 10 seconds, detects the stack, and generates the exact prompts that apply — only the ones you actually need.

Scan my site

Related Lovable prompts

Technical