/@handle route not giving a 404 on Netlify

@Manuel Schiller @Netlify (Partner)

What I would like

I want the following route pattern

/@username

/@username

What I have done
Stack: Tanstack Start

"@netlify/vite-plugin-tanstack-start": "^1.1.12",
 "@tanstack/react-query": "^5.87.4",
"@tanstack/react-router": "^1.135.2",
"@tanstack/react-start": "^1.135.2",
"@tanstack/zod-adapter": "^1.135.2",

"@netlify/vite-plugin-tanstack-start": "^1.1.12",
 "@tanstack/react-query": "^5.87.4",
"@tanstack/react-router": "^1.135.2",
"@tanstack/react-start": "^1.135.2",
"@tanstack/zod-adapter": "^1.135.2",

vite.config.ts

...
export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [
    tsConfigPaths(),
    tanstackStart(),
    netlify(),
    viteReact(),
    tailwindcss(),
  ],
})

...
export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [
    tsConfigPaths(),
    tanstackStart(),
    netlify(),
    viteReact(),
    tailwindcss(),
  ],
})

Folder/file structure

- src
-- routes
--- @{$handle}
---- route.tsx
     export const Route = createFileRoute('/@{$handle}')
---- index.tsx

- src
-- routes
--- @{$handle}
---- route.tsx
     export const Route = createFileRoute('/@{$handle}')
---- index.tsx

netlify.toml file

[build]
  command = "vite build"
  publish = "dist/client"

[build]
  command = "vite build"
  publish = "dist/client"

What is the problem

/@handle

/@handle

this is not working on Netlify however works in local development

I am getting a 404 error on netlify

TanStack•4mo ago•

6 replies

full-green

/@handle route not giving a 404 on Netlify

@Manuel Schiller @Netlify (Partner)

What I would like

I want the following route pattern

/@username

/@username

What I have done
Stack: Tanstack Start

"@netlify/vite-plugin-tanstack-start": "^1.1.12",
 "@tanstack/react-query": "^5.87.4",
"@tanstack/react-router": "^1.135.2",
"@tanstack/react-start": "^1.135.2",
"@tanstack/zod-adapter": "^1.135.2",

"@netlify/vite-plugin-tanstack-start": "^1.1.12",
 "@tanstack/react-query": "^5.87.4",
"@tanstack/react-router": "^1.135.2",
"@tanstack/react-start": "^1.135.2",
"@tanstack/zod-adapter": "^1.135.2",

vite.config.ts

...
export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [
    tsConfigPaths(),
    tanstackStart(),
    netlify(),
    viteReact(),
    tailwindcss(),
  ],
})

...
export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [
    tsConfigPaths(),
    tanstackStart(),
    netlify(),
    viteReact(),
    tailwindcss(),
  ],
})

Folder/file structure

- src
-- routes
--- @{$handle}
---- route.tsx
     export const Route = createFileRoute('/@{$handle}')
---- index.tsx

- src
-- routes
--- @{$handle}
---- route.tsx
     export const Route = createFileRoute('/@{$handle}')
---- index.tsx

netlify.toml file

[build]
  command = "vite build"
  publish = "dist/client"

[build]
  command = "vite build"
  publish = "dist/client"

What is the problem

/@handle

/@handle

this is not working on Netlify however works in local development

I am getting a 404 error on netlify

/@handle route not giving a 404 on Netlify

Similar Threads

/@handle route not giving a 404 on Netlify

Similar Threads

Similar Threads

Similar Threads