outputStandalone with custom server.js

[blackmann]

How to setup experimental outputStandalone with custom server.js? It appears, the server.js included in the build is what comes from nextjs and not mine.

[thibautsabot]

Hello.

What is the server.js you are talking about?
outputStandalone has to be inside next.config.js

[blackmann]

I’m talking about this: https://nextjs.org/docs/advanced-features/custom-server

If you happen to implement a custom server, output standalone doesn’t use your custom server. Or say, there’s no guide on how to use a custom server with standalone

[nemanjam]

I was about to open same topic. I am using custom server similar to official example, will outputStandalone work with this server?

https://github.com/vercel/next.js/tree/canary/examples/custom-server-typescript

[richardscarrott]

@blackmann did you ever figure this out? I'm guessing you may have to just copy your server into the standalone directory manually?

[sladg]

Yeah, pretty much.
I need custom server just in production, so I develop without it, once build is done, I manually copy bundled custom server (using esbuild so it's single file with all dependencies inside).

[PsyGik]

@sladg do you have a min example repo on how you did that? I tried esbuild to bundle all dependencies, but when starting the server with node .next/standalone/custom-server.js, it just exits without any error. I'm kinda stuck at this point now.

[sladg]

Feel free to check https://www.npmjs.com/package/@sladg/nextjs-lambda there is a scripts/pack-nextjs.sh that should give you more insight

[marko-hologram]

Just doing this doesn't work for me. I get an error saying Couldn't find a "pages" directory. Please create one under the project root.

Then when I copy pages directory to standalone directory, I run into other issues because something from my next.config.js isn't present in the standalone output. It's regarding some webpack stuff for custom webpack overrides.

I guess in all of this my issue is that I'm deploying a standalone Next.js output to Azure App Service and new server.js file doesn't work the same as my custom server.js file before it. What also complicates this potentially is that it's deployed to Windows (with IIS) instead of Linux and unfortunately that's probably part of the issue. On Linux, I would probably be able to use default server.js that Next.js creates in standalone build, but here that server.js works differently and it cannot be used just like previous express based server.js.

[andormade]

I tried to do this, but my problem was that the output file tracer throws out a lot of files from standalone/node_modules/next, including dist/server/next.js, but without this file it's very difficult to set up a custom server.

[GoldenTK]

Did you try to install (full) next.js dependency after output file tracing?

[andormade]

This is not relevant anymore with the latest version.

[GoldenTK]

What’s the difference in latest version?

[Firgrep]

Perhaps one option is to set up a script or run a set of commands to insert and replace the contents of a ready-made server.js file into the server.js file that gets built in the standalone directory.

#!/bin/bash

# Specify the source and destination file paths
source_file_path="./source_file.js"
destination_file_path="./destination_file.js"

# Read the contents of the source file
source_file_contents=$(cat "$source_file_path")

# Replace the contents of the destination file with the source file contents
echo "$source_file_contents" > "$destination_file_path"

I'm going to try something similar, but using sed in order to append a few extra lines to the built server.js file. I reckon I'll run this on every deployment as part of the dockerfile (the plan is to dockerize our app).

[zjy365]

I also encountered the same problem, is there any solution?
https://nextjs.org/docs/pages/building-your-application/configuring/custom-server

[JohannesKuehnel]

You mean like I described in this very discussion? ;)

#34599 (comment)

[zjy365]

Thank you very much. After searching and practicing, I know that your method is correct, but I think you are missing a way. If the customized content is relatively simple, it can be achieved directly by overriding server.js. I refer to https://www.bekk.christmas/post/2022/13/how-to-create-a-simple-custom-server-in-next-js

[JohannesKuehnel]

To get a custom server running with output: standalone, extra dependencies and Docker I came to the following conclusion:

1. Create your custom server.js like described in the docs
2. Make sure your next.config.js has output: 'standalone'
3. Create your Dockerfile like in the example
4. Add lines to copy your server.js file (after copying the standalone output)
5. Add a line to copy node_modules/next
6. Add lines to copy any other required dependencies or files (like ejs and templates in my case)
7. Build

Alternatively, you could bundle your server file (like @sadg mentioned).

So the Dockerfile would contain something like this:

...

# Automatically leverage output traces to reduce image size
# https://nextjs.org/docs/advanced-features/output-file-tracing
COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static

# Custom server
COPY --from=builder --chown=nextjs:nodejs /app/dist/server.js ./server.js
COPY --from=builder --chown=nextjs:nodejs /app/node_modules/next ./node_modules/next
COPY --from=builder --chown=nextjs:nodejs /app/node_modules/ejs ./node_modules/ejs
COPY --from=builder --chown=nextjs:nodejs /app/src/views ./src/views

USER nextjs

EXPOSE 3000

ENV PORT 3000
# set hostname to localhost
ENV HOSTNAME "0.0.0.0"

CMD ["node", "server.js"]