Route new signups to trending

packages/web/e2e/signUp.test.ts

@@ -181,7 +181,7 @@ async function testSignUp({
     })
   ).toBeVisible({ timeout: 60000 }) // This can take a long time
   await page.getByRole('button', { name: /start listening/i }).click()
-  await expect(page).toHaveURL(/feed/i)
+  await expect(page).toHaveURL(/trending/i)
 }
 
 test.describe('Sign Up', () => {

packages/web/src/pages/sign-on-page/SignOnPage.tsx

@@ -45,6 +45,7 @@
 import { SignInPage } from 'pages/sign-in-page'
 import SignUpPage from 'pages/sign-up-page'
 import { NavHeader } from 'pages/sign-up-page/components/NavHeader'
+import { getSignUpCompletionRoute } from 'pages/sign-up-page/utils/getSignUpCompletionRoute'
 import landingImg from 'public-site/pages/landing-2026/assets/landing.png'
 
 const {
@@ -317,9 +318,18 @@
   const SignOnRoot = isMobile ? MobileSignOnRoot : DesktopSignOnRoot
   const location = useLocation()
   const isSignUp = location.pathname.startsWith(SIGN_UP_PAGE)
+  const signInCompletionRoute = completionRoute ? completionRoute : FEED_PAGE
 
   if (signOnStatus === EditingStatus.SUCCESS) {
-    return <Navigate to={completionRoute || FEED_PAGE} />
+    return (
+      <Navigate
+        to={
+          startedSignUpProcess
+            ? getSignUpCompletionRoute(completionRoute)
+            : signInCompletionRoute
+        }
+      />
+    )
   }
 
   return (

packages/web/src/pages/sign-up-page/SignUpPage.tsx

@@ -6,6 +6,7 @@
 import { Navigate, Route, Routes, useLocation } from 'react-router'
 
 import { getRouteOnCompletion } from 'common/store/pages/signon/selectors'
+import { getSignUpCompletionRoute } from 'pages/sign-up-page/utils/getSignUpCompletionRoute'
 import { useDetermineAllowedRoute } from 'pages/sign-up-page/utils/useDetermineAllowedRoutes'
 
 import { CreateEmailPage } from './pages/CreateEmailPage'
@@ -20,7 +21,6 @@
 import { RouteContextProvider } from './utils/RouteContext'
 
 const {
-  FEED_PAGE,
   TRENDING_PAGE,
   SIGN_UP_APP_CTA_PAGE,
   SIGN_UP_ARTISTS_PAGE,
@@ -161,7 +161,7 @@
           path='completed'
           element={
             <SignUpRoute path={SIGN_UP_COMPLETED_REDIRECT}>
-              <Navigate to={completionRoute || FEED_PAGE} replace />
+              <Navigate to={getSignUpCompletionRoute(completionRoute)} replace />
             </SignUpRoute>
           }
         />

packages/web/src/pages/sign-up-page/pages/MobileAppCtaPage.tsx

@@ -40,7 +40,7 @@ export const MobileAppCtaPage = () => {
   const status = useSelector(getStatus)
 
   const handleContinue = useCallback(() => {
-    // If account creation is complete, go to feed
+    // If account creation is complete, go to the post-signup landing page
     // Otherwise, show loading screen until account is ready
     if (status === EditingStatus.SUCCESS) {
       navigate(SIGN_UP_COMPLETED_REDIRECT)

packages/web/src/pages/sign-up-page/utils/getSignUpCompletionRoute.ts

@@ -0,0 +1,9 @@
+import { FEED_PAGE, TRENDING_PAGE } from '@audius/common/src/utils/route'
+
+export const getSignUpCompletionRoute = (completionRoute: string) => {
+  if (completionRoute === FEED_PAGE) {
+    return TRENDING_PAGE
+  }
+
+  return completionRoute ? completionRoute : TRENDING_PAGE
+}

packages/web/src/pages/sign-up-page/utils/useDetermineAllowedRoutes.ts

@@ -12,7 +12,7 @@ import { env } from 'services/env'
 
 import { useFastReferral } from '../hooks/useFastReferral'
 
-const { FEED_PAGE, SignUpPath } = route
+const { TRENDING_PAGE, SignUpPath } = route
 
 const isDevEnvironment =
   env.ENVIRONMENT === 'development' ||
@@ -63,7 +63,7 @@ export const useDetermineAllowedRoute = () => {
       return {
         allowedRoutes: [],
         isAllowedRoute: false,
-        correctedRoute: FEED_PAGE
+        correctedRoute: TRENDING_PAGE
       }
     }
     // Normalize path: strip /signup/ or signup/ prefix and trailing slash so "select-genres" always matches