Deploying Nuxt SSR on CPanel

Question

I am trying to deploy a nuxt app to cpanel shared hosting. It is working fine on my local machine using run dev, build and start. However, when I moved the files to cpanel. I can run npm dev, build, and start. When I use npm run dev, an IP and port was generated, I visited this IP and port on my browser but its not working.

How can I make this IP work as well as make the app work with my domain.

Hmm... This is a bit more complex, just so you are aware. I usually stick with hosting providers that matches the stack that I work with, because it is quite often a shit-show getting everything to work. So yeah, in theory, you could purchase some server in Moldova, deploy your app there (and fiddle with it until it works). But it will most likely be very time consuming. ... I think the problem is that the server has to map they external domain/IP to the internal application. And in order to do that, we would have to know a lot more about the setup. — Zeth
– Zeth, Commented Dec 20, 2021 at 12:25
Also, what is the kind of IP given here? Local or external? Easiest way is to ship Nuxt to Netlify if you're using taget: 'static'. — kissu
– kissu, Commented Dec 20, 2021 at 12:26
@kissu It is an external IP, I'm using target: 'server'. Also, I know how to deploy on vercel/netlify which are quite easy to setup but cpanel is whats available as a host for this project which I know its possible and I'm willing to learn how to — user13848893
– user13848893, Commented Dec 20, 2021 at 12:36
See, that's the thing with big questions like this. It's hard to ask for, what is relevant, since I don't know enough about the setup. It's a bit like 'The chicken or the egg' - I know. But you can start with: Q1: Which hosting provider you're using. Q2: If they're using Nginx, Apache or which server-technology they're using to serve the content. Q3: If there are any other applications running on the server. Q4: If those other applications are sharing the same stack. You can update your question with the answer. But I think I had Googled for 'Deploy Vue/Nuxt app' and find a tailored solution. — Zeth
– Zeth, Commented Dec 20, 2021 at 12:43

Erfan Ahmadi · Accepted Answer · 2021-12-22 20:03:38Z

2

for run nuxt ssr in cpanel you can use below code and install pm2 in your project:

1-package.json:

"config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "customport"
    }
  },
  "scripts": {
    "dev": "nuxt --host yourdomain --port customport",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "deploy": "/opt/cpanel/ea-nodejs10/bin/pm2 start /opt/cpanel/ea-nodejs10/bin/npm --name yourpm2name -- start"
  },

2-.htaccess file

RewriteEngine On
RewriteCond %{SERVER_PORT} 443
RewriteRule ^index.php(.*) http://yourdomain::customport/$1 [P,L]
RewriteRule (.*) http://yourdomain:customport/$1 [P,L]

3- run this code: npm run build 4- and then: pm2 start yourpm2name

answered Dec 22, 2021 at 20:03

Erfan Ahmadi

322 bronze badges

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

Collectives™ on Stack Overflow

Deploying Nuxt SSR on CPanel

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related