How to Deploy Next.js on DirectAdmin

​

1. Create server.js in Your Project Root

/* eslint-disable @typescript-eslint/no-require-imports */
const { createServer } = require("http");
const next = require("next");
const { parse } = require("url");

const port = process.env.PORT || 3000;
const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
    createServer((req, res) => {
        const parsedUrl = parse(req.url, true);
        handle(req, res, parsedUrl);
    }).listen(port, (err) => {
        if (err) throw err;
        console.log(`Serve At http://localhost:${port}`);
    });
});

​

2. Build Your Next.js Application Locally

npm run build

​

3. Compress Project Files into a ZIP Archive

• .next folder
• public folder (if containing static assets/images)
• server.js file
• package.json & package-lock.json
• .env file (if you have environment variables)

​

4. Upload and Extract in DirectAdmin File Manager

1. Open File Manager in your DirectAdmin panel.
2. Navigate to domains -> [yourdomain] -> public_html.
3. Upload nextjs.zip into public_html.
4. Right-click the .zip file and select Extract to unpack everything into public_html.

​

5. Setup Node.js App in DirectAdmin

1. Open the Setup Node.js App tool in DirectAdmin.
2. Click Create Application:
   • Node.js Version: Select the appropriate Node version (e.g. Node 18 or Node 20).
   • Application Mode: Set to Production.
   • Application Root: Enter your website root path (e.g. domains/yourdomain.com/public_html).
   • Application URL: Select your domain name.
   • Application Startup File: Enter server.js.
3. Click Create.
4. Click Run NPM Install on the Node.js configuration page to install all dependencies.
5. Click Restart / Start Application.

​

Done 🎉