Deploying Node.js Apps to Heroku

Photo by dz on Unsplash

Welcome to Deploying Node.js Apps to Heroku!

Hey folks! Pretty cool, huh? If you’ve just wrapped up building your Node.js app and are looking to show it off to the world, deploying it to Heroku is a fantastic choice. Pretty cool, huh? This cloud platform simplifies the deployment process, making it accessible even if you’re not a DevOps guru. Pretty cool, huh? Let’s walk through the steps to get your Node.js app live on Heroku.

Step 1: Set Up Your Environment

First things first, you need to have Node.js and npm (node package manager) installed on your machine. Pretty cool, huh?

Honestly, You can check if they're already installed by running:

Source: based on community trends from Reddit and YouTube

Copyable Code Example

node -v
npm -v

If those commands don’t spit out version numbers, head over to nodejs.org to download and install them.

Next up, install the Heroku CLI (Command Line Interface). This tool lets you manage your Heroku apps from the terminal. You can grab it from Heroku's official site.

Step 2: Prepare Your Node.js App

Make sure your app's starting point is clearly defined in your 'package.json' file under the 'scripts' section using "start": "node your-app.js". Here's an example:

{
  "name": "your-app-name",
  "version": "1.0.0",
  "main": "app.js",
  "scripts": {
    "start": "node app.js"
  }
}

It's also a good practice to include 'engines' in your 'package.json', which tells Heroku which versions of Node.js and npm to use:

{
  "engines": {
    "node": "14.x",
    "npm": "6.x"
  }
}

Don't forget to handle your app’s port because Heroku will dynamically assign one. Make sure your app listens on 'process.env.PORT':

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Our app is running on port ${ PORT }`);
});

Step 3: Deploying to Heroku

Alright, time to deploy! Open up your terminal and follow these steps:

1. Log in to Heroku:

heroku login

This command opens up a web browser to log in or sign up.

2. Initialize a git repository in your project folder (if you haven't already):

git init
git add .
git commit -m "Initial commit"

3. Create an app on Heroku:

heroku create

This command will give you a URL where your app will live. Take note of it!

4. Push your code to Heroku:

git push heroku master

5. Visit your deployed app! Just type your Heroku app’s URL into your browser.

And there you have it! Your Node.js app should now be live on Heroku. Tinker around, make updates, and enjoy showing off your creation. If you hit any snags, Heroku’s dev center and their community forums are great places to seek help.

Wrapping Up

Deploying your Node.js app to Heroku can really be this simple. I hope this guide helps you get your project off the ground without any fuss. Happy coding and deploying!