dynamic page in root of pages directory

[ryan-reach]

We're fetching page data from a headless cms so all our pages use getServerSideProps. Our pages directory looks like this:

pages/
  index.js
  news.js
  about.js
  [custom].js
  api/
    email.js

We have a dynamic route for custom pages created by the cms editors. When I refresh or server-side route to the home page, news, or about, getServerSideProps in [custom].js is also called.

Even stranger, when I log the context.params in [custom].js I get { custom: 'sw.js' }. I'm not too familiar with service workers, but I'm guessing that's what that is...

We basically want to use [custom].js as a catch all route, I tried [...custom].js but it didn't make a difference. I'm guessing having a dynamic page in the root of pages is just a bad idea? Hoping I can find a solution that doesn't involve a custom server..

on nextjs 9.3.3

[timneutkens]

It's probably requesting favicon.ico which hits [custom].js if you don't have a favicon.ico in your project.

[ryan-reach]

yeah, I wonder if it could it be coming from a npm package? we don't have sw.js in our project... I appreciate your quick response. i'll keep digging

[timneutkens]

What i meant to say is that you probably previously had a serviceworker installed and it's trying to request that 🤔

[ryan-reach]

huh, interesting. I tried deleting my .next directory and re-running the project but that didn't seem to make a difference. It's not breaking anything in development, I haven't tried deploying it yet

[rafaelalmeidatk]

If I am not mistaken, you could also have installed a service worker with another project that was running in the same port of your Next project.

You can unregister services workers going to DevTools > Application > Service Workers > Unregister

[ryan-reach]

@rafaelalmeidatk that was totally it! thank you guys so much for your help!