Issues with getServerData() and splat routes on Netlify

Evening all!

I’m having some issues with deploying my Gatsby app to Netlify.

Everything works completely fine in local dev mode but when pushing into Netlify pretty much all pages are 404ing.

Here’s an example of one of my components, This is in a route like pages/sessions/view/[…id].js

import * as React from "react"
import { navigate } from 'gatsby'

import fetchSession from '../../../api/fetchSession';
import Layout from "../../../components/layout"
import Seo from "../../../components/seo"
import SessionsEdit from "../../../components/sessionsEdit"

const title = 'Edit Sessions'

const EditSessions = ({serverData: {id, session}}) => {  

  if (!id) {

  return (
      <Layout pageTitle={title}>

export const Head = () => (
  <Seo title={title} /> 

export async function getServerData({params}) {
  const session = await fetchSession(

  return {
    status: 200,
    props: {
      session: session[0],

export default EditSessions

Fetch sessions is bringing in dynamic data from Supabase, which is why I’m going down the client side rendering route for this project

Its not a user-facing site this, more of an admin interface so I’m not too bothered by static site generation side of things.

Anyone know of any guides for this solution at all?

Hi, @shanejones. The code above isn’t enough information to debug this. Do you have a link to the site in question? If you don’t feel like sharing that publicly you can share a site id or deploy id instead.