• If you are still using CentOS 7.9, it's time to convert to Alma 8 with the free centos2alma tool by Plesk or Plesk Migrator. Please let us know your experiences or concerns in this thread:
    CentOS2Alma discussion

Resolved NextJS works on Plesk?

N

Nubaltec

New Pleskian
Hi

We are trying to deploy a next.js app into our plesk. But are struggling to make it work.
The problem we are facing is that Plesk's Node.js extension expects an entry point for the app (like app.js) but next.js doesn't work that way.
The expected workflow as explained here (Learn - Deploying a Next.js App | Next.js) is to run the app using npm via the command line using "npm start" after you have built the app and next.js handles the rest internally.
We have tried issuing the commands from the plesks node panel run script command and while we can build the app we get the following error when we try to run the "start --scripts-prepend-node-path" command:

> [email protected] start /var/www/vhosts/XXXX.com/httpdocs
> next start -p 80

Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1209:19)
at listenInCluster (net.js:1274:12)
at Server.listen (net.js:1362:7)
at /var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/server/lib/start-server.js:2:62
at new Promise (<anonymous>)
at start (/var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/server/lib/start-server.js:1:407)
at nextStart (/var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/cli/next-start.js:22:125)
at /var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/bin/next:29:346 {
code: 'EACCES',
errno: 'EACCES',
syscall: 'listen',
address: '0.0.0.0',
port: 80
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `next start -p 80`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /var/www/vhosts/XXXX.com/.npm/_logs/2019-11-18T16_37_59_408Z-debug.log

Can anyone shed some light on how to go about deploying a next.js app on plesk.

Thanks!
 
Nubaltec said:
Hi

We are trying to deploy a next.js app into our plesk. But are struggling to make it work.
The problem we are facing is that Plesk's Node.js extension expects an entry point for the app (like app.js) but next.js doesn't work that way.
The expected workflow as explained here (Learn - Deploying a Next.js App | Next.js) is to run the app using npm via the command line using "npm start" after you have built the app and next.js handles the rest internally.
We have tried issuing the commands from the plesks node panel run script command and while we can build the app we get the following error when we try to run the "start --scripts-prepend-node-path" command:

> [email protected] start /var/www/vhosts/XXXX.com/httpdocs
> next start -p 80

Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1209:19)
at listenInCluster (net.js:1274:12)
at Server.listen (net.js:1362:7)
at /var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/server/lib/start-server.js:2:62
at new Promise (<anonymous>)
at start (/var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/server/lib/start-server.js:1:407)
at nextStart (/var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/cli/next-start.js:22:125)
at /var/www/vhosts/XXXX.com/httpdocs/node_modules/next/dist/bin/next:29:346 {
code: 'EACCES',
errno: 'EACCES',
syscall: 'listen',
address: '0.0.0.0',
port: 80
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `next start -p 80`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /var/www/vhosts/XXXX.com/.npm/_logs/2019-11-18T16_37_59_408Z-debug.log

Can anyone shed some light on how to go about deploying a next.js app on plesk.

Thanks!
Click to expand...
Hi

I´m facing the same issue right now.
The problem you had was a few months ago. Did you find the solution?

Any idea to fix it is welcome!

Thanks
 
Hi again!

I figured out a solution to deploy a Next.js app at Plesk without executing 'next start' script.
The thing here is to provide an entry point file 'app.js' to Plesk just pointing your index.js Next´s server config file.

You can see an example here Hello-world plesk.

My app.js looks like this:


const router = require("next/router");
const express = require("express");
const next = require("next");
const nextRoutes = require("next-routes");
const routes = nextRoutes();
const Router = routes.Router;
const Link = routes.Link;
const expressApp = express();
const port = YOUR_PORT;
const app = next({ dev: false });

const handle = routes.getRequestHandler(app);

app.prepare().then(() => {
***Your expressApp routes here***
expressApp
.use(async (req, res) => {
handle(req, res);
})
.listen(port, err => {
if (err) throw err;
console.log(` Ready on http://localhost:${port}`);
});
});
 
Hello.. it is my first post and I would like to describe a way how I deployed the Next.js. There is a very nice way to deploy Next.js with Plesk.. we need to use Git to pull the repo and then as as extra actions we need to add:
  • npm install
  • npm run build
Then in Node we need to provide entry point (Application Startup File) as:
  • node_modules/.bin/next
    The above is the same as run npm run start
Please also remember to add Additional nginx directives as the below:
NGINX: 
location / {
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $http_host;
    proxy_pass http://127.0.0.1:3000;
}

Adjust the port 3000 to your port. 3000 is set by default by next.js.
 
andresHF said:
Hi again!

I figured out a solution to deploy a Next.js app at Plesk without executing 'next start' script.
The thing here is to provide an entry point file 'app.js' to Plesk just pointing your index.js Next´s server config file.

You can see an example here Hello-world plesk.

My app.js looks like this:


const router = require("next/router");
const express = require("express");
const next = require("next");
const nextRoutes = require("next-routes");
const routes = nextRoutes();
const Router = routes.Router;
const Link = routes.Link;
const expressApp = express();
const port = YOUR_PORT;
const app = next({ dev: false });

const handle = routes.getRequestHandler(app);

app.prepare().then(() => {
***Your expressApp routes here***
expressApp
.use(async (req, res) => {
handle(req, res);
})
.listen(port, err => {
if (err) throw err;
console.log(` Ready on http://localhost:${port}`);
});
});
Click to expand...
Mario Boss said:
Hello.. it is my first post and I would like to describe a way how I deployed the Next.js. There is a very nice way to deploy Next.js with Plesk.. we need to use Git to pull the repo and then as as extra actions we need to add:
  • npm install
  • npm run build
Then in Node we need to provide entry point (Application Startup File) as:
  • node_modules/.bin/next
    The above is the same as run npm run start
Please also remember to add Additional nginx directives as the below:
NGINX: 
location / {
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header Host $http_host;
    proxy_pass http://127.0.0.1:3000;
}

Adjust the port 3000 to your port. 3000 is set by default by next.js.
Click to expand...
Where in plesk do you add the directives?
 
You must log in or register to reply here.

Similar threads

Y
Issue Cannot run NextJS website ( Error: Cannot find module '../server/require-hook' )
Replies
2
Views
3K
DanielP
D
M
Question SvelteKit and Plesk Node : TypeError: Cannot read properties of undefined (reading 'on')
Replies
0
Views
211
MarcelP
M
M
Issue Nodejs App error EACCES on port 80
Replies
5
Views
8K
MiSuisse
M
B
Question 'npm install' does not work on a nodejs project in a plesk
Replies
0
Views
3K
Brenda6568
B
Q
Resolved Problem with node start
Replies
19
Views
2K
Peter Debik
P
Back
Top