AI & Agent Dev Bug Sandbox Back to Radar

Homepage Vue Quickstart Link Leads To 404 Due To Incorrect URL Slug

The homepage's "Read docs for Vue" button uses the URL /docs/guides/getting-started/quickstarts/vuejs, but the correct slug is /vue, causing a 404 error and poor onboarding experience.

mediumConfidence 95%Next.js

Origin Analysis

In the homepage framework selector component, the Vue quickstart link was hardcoded with the slug 'vuejs' instead of 'vue', likely due to an outdated or inconsistent naming convention between the codebase and documentation routes.

1. Go to https://supabase.com/ 2. Locate the embedded code window with framework tabs. 3. Click on the Vue tab. 4. Click the 'Read docs for Vue' button. 5. Observe the browser navigates to https://supabase.com/docs/guides/getting-started/quickstarts/vuejs and returns a 404 error.

Fixing Code Block

diff --git a/apps/www/components/HomepageCodeWindow.tsx b/apps/www/components/HomepageCodeWindow.tsx
--- a/apps/www/components/HomepageCodeWindow.tsx
+++ b/apps/www/components/HomepageCodeWindow.tsx
@@ -15,7 +15,7 @@
 const quickstartLinks = [
   { name: 'React', href: '/docs/guides/getting-started/quickstarts/reactjs' },
-  { name: 'Vue', href: '/docs/guides/getting-started/quickstarts/vuejs' },
+  { name: 'Vue', href: '/docs/guides/getting-started/quickstarts/vue' },
   { name: 'Angular', href: '/docs/guides/getting-started/quickstarts/angularjs' },
 ]

Change the Vue entry's href from '/docs/guides/getting-started/quickstarts/vuejs' to '/docs/guides/getting-started/quickstarts/vue' in the homepage code window component. This aligns the link with the correct documentation route and resolves the 404.

Edge Case Audit

This change only fixes the homepage link. Other occurrences of the incorrect 'vuejs' slug may exist elsewhere in the codebase (e.g., other components, tests, or documentation). Perform a global search for 'quickstarts/vuejs' and update all instances. Additionally, verify that the '/vue' slug is stable and will not be renamed again; consider using a central constant for quickstart paths to prevent future mismatches. Rollback is trivial if the change causes any unexpected routing issues.