Setting custom directory for server files for Next.js

Question

Rather than in the root directory, I want to keep all my backend related files inside a folder named 'server'. The problem is now the frontend won't load properly as it can't find the 'pages' directory. I remember there was a way to set the directory somehow when initializing the app but I don't remember the specifics. Can someone please help me with this?

server/index.js:

const express = require('express')
const next = require('next')
const dev = process.env.NODE_ENV !== 'production'
const app = next({ 
  dev, 
  // some config property that I don't remember
})
app.prepare().then(() => {
    const server = express()
    server.listen(3000, () => console.log('> Ready on http://localhost:3000'))
})

Darryl RN · Accepted Answer · 2019-04-11 11:43:08Z

1

You can read from the documentation:

The next API is as follows:

next(opts: object)
Supported options:

dev (bool) whether to launch Next.js in dev mode - default false
dir (string) where the Next project is located - default '.'
quiet (bool) Hide error messages containing server information - default false
conf (object) the same object you would use in next.config.js - default {}

Then, change your start script to NODE_ENV=production node server.js.

It is dir option.

answered Apr 11, 2019 at 11:43

Darryl RN

8,4405 gold badges32 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

avatarhzh Over a year ago

Thank you for your answer! I somehow skipped over that part of the docs.

Collectives™ on Stack Overflow

Setting custom directory for server files for Next.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related