Next.js Server Rendered Pages not Working / Static Pages Working #8975
Description
Question about Next.js
Hello everyone,
I have a Digital Ocean server running with docker containers for my website setup. Everything works perfectly except Server Rendered pages. For some reason, in my local development, it works completely fine but once I put it into docker it gives me a 404 and tries to load from the static folder where it does not exist.
server.js
const next = require('next')
const routes = require('./routes')
const app = next({ dev: process.env.NODE_ENV !== 'production' })
const handler = routes.getRequestHandler(app)
// With express
const express = require('express')
app.prepare().then(() => {
express().use(handler).listen(3000)
})
Dockerfile
FROM node:10-alpine
ENV PORT 3000
# Create app directory
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
# Install app dependencies
COPY package*.json /usr/src/app/
RUN npm install
# Bundle app source
COPY . /usr/src/app
RUN npm run build
EXPOSE 3000
CMD [ "npm", "run" "start" ]
docker-compose.yaml
version: "3"
networks:
web:
external: true
internal:
external: false
services:
front:
build: ./frontend
labels:
- traefik.backend=frontend
- traefik.frontend.rule=Host:{my domain name}
- traefik.docker.network=web
- traefik.port=3000
networks:
- internal
- web
api:
build: ./api
labels:
- traefik.backend=api
- traefik.frontend.rule=Host:api.{my domain name}
- traefik.docker.network=web
- traefik.port=8080
networks:
- internal
- web
Getting 502 errors on dynamic pages