Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Server rendered 404 page

See original GitHub issue

Hi!

I’m trying to use slug in my article page. It’s work when I click in article link, but when I enter directly from URL or I reload the page, I get 404 error.

I tried with and without express server using both of examples in next-routes README.

My /routes.js file:

const routes = require('next-routes');

module.exports = routes().add({
  name: 'post',
  pattern: 'posts/:slug-:id([^-]+)',
  page: 'post_public'
});

My server.js file:

const next = require('next')
const routes = require('./routes')
const app = next({dev: process.env.NODE_ENV !== 'production'})
const handler = routes.getRequestHandler(app)
const express = require('express')
app.prepare().then(() => {
  express().use(handler).listen(3000)
})

package.json

{
  "name": "create-next-example-app",
  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "NODE_ENV=production node server.js"
  },
  "dependencies": {
    "express": "^4.16.4",
    "next": "^7.0.2",
    "next-routes": "^1.4.2",
    "react": "^16.6.3",
    "react-dom": "^16.6.3"
  }
}

Any ideas what I’m doing wrong?

update

Version with error: https://github.com/highlabs/next-routes-test Live url: https://create-next-example-app-bftspwtpwy.now.sh/