How to Host Nodejs Apps on Namecheap

  • How to Host Nodejs Apps on Namecheap

    Sharing is Caring... Show some love :)

    To host Nodejs apps on Cpanel like Namecheap can be intuitive and tedious sometimes especially if you are a beginner into the nitty-gritty of these technologies and platforms.

    In this article, I’ll be showing you how to host your Nodejs apps on Cpanel like Namecheap.

    Before you dive in, if you’re a backend developer or looking at delving into this career path, join other developers to receive daily articles on backend development that will boost your productivity.

    What is Namecheap?

    Namecheap is an ICANN-accredited domain name registrar, which provides domain name registration and web hosting.

    Getting Started

    Step 1: Write some code!

    We will create a simple Express application and host it on Namecheap in this tutorial.

    Write some code!

    const express = require('express');
    const app = express();
    
    const PORT = process.env.PORT || 8000;
    
    app.get('/', (req, res) => {
      res.send('Hello world');
    });
    
    app.get('/:name', (req, res) => {
      const name = req.params.name;
      res.send(`Hello ${name}`);
    });
    
    app.listen(PORT, () => console.log(`Server is running on PORT ${PORT}`));
    

    Save the code above in a file named app.js. When you run it, you should get a result similar to the images below.

    xd1fyzwu6tvtsdfzpg1w 1 - How to Host Nodejs Apps on Namecheap
    orjgsjjopxze34aml5t8 - How to Host Nodejs Apps on Namecheap

    Hosting Express on cPanel

    This section assumes we have created a Namecheap account and purchased a domain along with hosting.

    Step 2: Log in to cPanel

    in7vo1vcqwb97q5xm47q - How to Host Nodejs Apps on Namecheap

    Step 3: Create a NodeJs Application

    cPanel has tools for operations like SSL management, Databases, File management, Emails, Site metrics, Domain management, etc.

    Navigate to the SOFTWARE section and select Setup Node.js App.

    fizwsgr9dk7qux538qbm - How to Host Nodejs Apps on Namecheap

    The following interface will be displayed there:

    qr59nbv34khynuszxwf0 - How to Host Nodejs Apps on Namecheap

    Next, click the CREATE APPLICATION button on the right side of the screen.

    i38ea3w4r9jotou0qufq - How to Host Nodejs Apps on Namecheap

    You will see a screen similar to the one above, select a Node.js version (preferably the latest).

    ALSO READ  Deploying Laravel to Heroku

    Provide a name for your application in the Application root form field, and select the domain/subdomain you want the app hosted on in the Application URL section.

    uwo7ixe3wyfe8f7xdxah - How to Host Nodejs Apps on Namecheap

    Step 4: Upload the Express Application to cPanel

    Navigate to the FILES section in cPanel and select File Manager. It is a tool that allows for the management of files on our server.

    l0q5f5e2ythfxa4e07ko - How to Host Nodejs Apps on Namecheap

    Next, zip your local project, upload it to the cPanel file manager.

    Then unzip it on the server.

    dg0jae83r9ytvijy72f4 - How to Host Nodejs Apps on Namecheap
    brnmqse3oiy6gesio4zv - How to Host Nodejs Apps on Namecheap

    Step 5: Install Project Dependencies

    Open the Node.js App page again and scroll down and open the project.

    Click on the Run NPM Install button.

    gybg8rb0clyyfd1g0yq1 - How to Host Nodejs Apps on Namecheap
    djd94ejqi9ob7zw0i5ge - How to Host Nodejs Apps on Namecheap

    Step 6: Restart the Node.js Application

    Whenever you make changes to the web application, you have to restart the application to effect the changes.

    To do this, scroll up on the Node.js App page and locate the RESTART button, then click it.

    e7gls34pi6226u6kgk0o 1 - How to Host Nodejs Apps on Namecheap

    Congratulations! You have successfully hosted a Node.js/Express application on Namecheap cPanel.

    It is accessible via the domain you linked to the app during its creation.

    4mjytix6xkxh2lyzoc58 - How to Host Nodejs Apps on Namecheap

    Conclusion

    We saw the possibility of hosting Node.js web applications on cPanels like Namecheap and learned how to host a Node.js project on cPanel.

    If you have any questions, don’t hesitate to contact me on Twitter: @iamnotstatic

    Start Learning Backend Dev. Now

    Stop waiting and start learning! Get my 10 tips on teaching yourself backend development.

    Don't worry. I'll never, ever spam you!

    Sharing is caring :)

    Start Learning Now
    Learning for all. Savings for you. Courses from $11.99

    Comments

    Newsletter

    Get the latest Backend Dev. jobs, events and curated articles straight to your inbox, once a week

    Start Learning Now
    Learning for all. Savings for you. Courses from $11.99
    Top 6 Recent Posts
    Start Learning Now
    Learning for all. Savings for you. Courses from $11.99