# Heroku

This is a step-by-step guide for deploying a Strapi project on Heroku (opens new window). Databases that work well with Strapi and Heroku are provided instructions on how to get started.

# Heroku Install Requirements

You must have Git installed and set-up locally (opens new window).
You must have a free Heroku account (opens new window) before doing these steps.

If you already have the Heroku CLI installed locally on your computer. Skip to Login to Heroku.

# 1. Heroku CLI Installation

Download and install the Heroku CLI for your operating system:

Run the following from your terminal:

sudo snap install --classic heroku
 
        Copied to clipboard!

Next, you need to login to Heroku from your computer.

heroku login
 
        Copied to clipboard!

Follow the instructions and return to your command line.

# 3. Create a new project (or use an existing one)

Create a new Strapi project (if you want to deploy an existing project go to step 4).

✏️ NOTE

If you plan to use MongoDB with your project, refer to the create a Strapi project with MongoDB section of the documentation then, jump to step 4.

Path: ./

npx create-strapi-app my-project --quickstart

yarn create strapi-app my-project --quickstart

💡 TIP

When you use --quickstart to create a Strapi project locally, a SQLite database is used which is not compatible with Heroku. Therefore, another database option must be chosen.

# 4. Update `.gitignore`

Add the following line at end of .gitignore:

Path: ./my-project/.gitignore

package-lock.json
 
        Copied to clipboard!

Even if it is usually recommended to version this file, it may create issues on Heroku.

# 5. Init a Git repository and commit your project

Init the Git repository and commit your project.

Path: ./my-project/

cd my-project
git init
git add .
git commit -m "Initial Commit"
 
        Copied to clipboard!

# 6. Create a Heroku project

Create a new Heroku project.

Path: ./my-project/

heroku create
 
        Copied to clipboard!

You can use heroku create custom-project-name, to have Heroku create a custom-project-name.heroku.com URL. Otherwise, Heroku will automatically generate a random project name (and URL) for you.

💡 TIP

If you have a Heroku project app already created, you would use the following step to initialize your local project folder:

Path: ./my-project/

heroku git:remote -a your-heroku-app-name
 
        Copied to clipboard!

Your local development environment is now set-up and configured to work with Heroku. You have a new Strapi project and a new Heroku app ready to be configured to work with a database and with each other.

# 7. Heroku Database set-up

Below you will find database options when working with Heroku. Please choose the correct database (e.g. PostgreSQL, MongoDB, etc.) and follow those instructions.

# Heroku Postgres

Follow these steps to deploy your Strapi app to Heroku using PostgreSQL:

# 1. Install the Heroku Postgres addon (opens new window) for using Postgres.

To make things even easier, Heroku provides a powerful addon system. In this section, you are going to use the Heroku Postgres addon, which provides a free "Hobby Dev" plan. If you plan to deploy your app in production, it is highly recommended switching to a paid plan.

Path: ./my-project/

heroku addons:create heroku-postgresql:hobby-dev
 
        Copied to clipboard!

# 2. Retrieve database credentials

The add-on automatically exposes the database credentials into a single environment variable accessible by your app. To retrieve it, type:

Path: ./my-project/

heroku config
 
        Copied to clipboard!

This should print something like this: DATABASE_URL: postgres://ebitxebvixeeqd:dc59b16dedb3a1eef84d4999sb4baf@ec2-50-37-231-192.compute-2.amazonaws.com: 5432/d516fp1u21ph7b.

(This url is read like so: *postgres:// USERNAME : PASSWORD @ HOST : PORT / DATABASE_NAME*)

# 3. Set Database variables automatically

Strapi expects a variable for each database connection configuration (host, username, etc.). So, from the url above, Strapi will deconstruct that environment variable using pg-connection-string (opens new window) package. Heroku will sometimes change the above url, so it's best to automate the deconstruction of it, as Heroku will automatically update the DATABASE_URL environment variable.

Install the package:

npm install pg-connection-string --save

yarn add pg-connection-string

# 4. Create your Heroku database config file for production

Create new subfolders in ./config like so: /env/production, then create a new database.js in it (see environment documentation). Your path should look like this: ./config/env/production/database.js. When you run locally you should be using the ./config/database.js which could be set to use SQLite, however it's recommended you use PostgreSQL locally also, for information on configuring your local database, please see the database documentation.

Path: ./config/env/production/database.js

const parse = require('pg-connection-string').parse;
const config = parse(process.env.DATABASE_URL);

module.exports = ({ env }) => ({
  defaultConnection: 'default',
  connections: {
    default: {
      connector: 'bookshelf',
      settings: {
        client: 'postgres',
        host: config.host,
        port: config.port,
        database: config.database,
        username: config.user,
        password: config.password,
        ssl: {
          rejectUnauthorized: false,
        },
      },
      options: {
        ssl: true,
      },
    },
  },
});
 
        Copied to clipboard!

You also need to set the NODE_ENV variable on Heroku to production to ensure this new database configuration file is used.

heroku config:set NODE_ENV=production
 
        Copied to clipboard!

# 5. Create your Strapi server config for production

Create a new server.js in a new env folder. In this file you only need one key, the url, to notify Strapi what our public Heroku domain is. All other settings will automatically be pulled from the default ./config/server.js.

Path: ./config/env/production/server.js

module.exports = ({ env }) => ({
  url: env('MY_HEROKU_URL'),
});
 
        Copied to clipboard!

You will also need to set the environment variable in Heroku for the MY_HEROKU_URL. This will populate the variable with something like https://your-app.herokuapp.com.

heroku config:set MY_HEROKU_URL=$(heroku info -s | grep web_url | cut -d= -f2)
 
        Copied to clipboard!

# 6. Install the `pg` node module

Unless you originally installed Strapi with PostgreSQL, you need to install the pg (opens new window) node module.

Path: ./my-project/

npm install pg --save

yarn add pg

# 8. Commit your changes

Path: ./my-project/

git add .
git commit -m "Update database config"
 
        Copied to clipboard!

# 9. Update Yarn lockfile

Path: ./my-project/

yarn install
 
        Copied to clipboard!

# 10. Commit your changes

Path: ./my-project/

git add yarn.lock
git commit -m "Updated Yarn lockfile"
 
        Copied to clipboard!

# 11. Deploy

Path: ./my-project/

git push heroku HEAD:main
 
        Copied to clipboard!

The deployment may take a few minutes. At the end, logs will display the url of your project (e.g. https://mighty-taiga-80884.herokuapp.com). You can also open your project using the command line:

Path: ./my-project/

heroku open
 
        Copied to clipboard!

If you see the Strapi Welcome page, you have correctly set-up, configured and deployed your Strapi project on Heroku. You will now need to set-up your admin user as the production database is brand-new (and empty).

You can now continue with the Quick Start Guide, if you have any questions on how to proceed.

✋ CAUTION

For security reasons, the Content-Types Builder plugin is disabled in production. To update content structure, please make your changes locally and deploy again.

# Project updates

When Strapi is deployed to Heroku, Heroku sets the environment variable to NODE_ENV=production. In production mode Strapi disables the content-type builder (for security reasons). Additionally, if you wanted to change the default production mode in Heroku, it wouldn't work as the file system is temporary. Strapi writes files to the server when you update the content-types and these updates would disappear when Heroku restarts the server.

Therefore, modifications that require writing to model creation or other json files, e.g. creating or changing content-types, require that you make those changes on your dev environment and then push the changes to Heroku.

As you continue developing your application with Strapi, you may want to use version control (opens new window), or you can continue to use git push heroku HEAD:main to commit and push changes to Heroku directly.

Path: ./my-project/

git add .
git commit -am "Changes to my-project noted"
git push heroku HEAD:main
heroku open
 
        Copied to clipboard!

# File Uploads

Like with project updates on Heroku, the file system doesn't support local uploading of files as they will be wiped when Heroku "Cycles" the dyno. This type of file system is called ephemeral (opens new window), which means the file system only lasts until the dyno is restarted (with Heroku this happens any time you redeploy or during their regular restart which can happen every few hours or every day).

Due to Heroku's filesystem you will need to use an upload provider such as AWS S3, Cloudinary, or Rackspace. You can view the documentation for installing providers here and you can see a list of providers from both Strapi and the community on npmjs.com (opens new window).

# Gzip

As of version 3.2.1, Strapi uses koa-compress (opens new window) v5, which enables Brotli (opens new window) compression by default. At the time of writing, the default configuration for Brotli results in poor performance, causing very slow response times and potentially response timeouts. If you plan on enabling the gzip middleware, it is recommended that you disable Brotli or define better configuration params.

To disable Brotli, provide the following configuration in config/middleware.js.

gzip: {
  enabled: true,
  options: {
    br: false
  }
},
 
        Copied to clipboard!

For more on Brotli configuration for koa-compress, reference this issue (opens new window).

← Google App Engine Qovery →

# Heroku

# Heroku Install Requirements

# 1. Heroku CLI Installation

# 3. Create a new project (or use an existing one)

# 4. Update `.gitignore`

# 5. Init a Git repository and commit your project

# 6. Create a Heroku project

# 7. Heroku Database set-up

# Heroku Postgres

# 1. Install the Heroku Postgres addon (opens new window) for using Postgres.

# 2. Retrieve database credentials

# 3. Set Database variables automatically

# 4. Create your Heroku database config file for production

# 5. Create your Strapi server config for production

# 6. Install the `pg` node module

# MongoDB Atlas

# 1. Set environment variables

# 2. Update your database config file

# 8. Commit your changes

# 9. Update Yarn lockfile

# 10. Commit your changes

# 11. Deploy

# Project updates

# File Uploads

# Gzip

# Heroku

# Heroku Install Requirements

# 1. Heroku CLI Installation

# 2. Login to Heroku from your CLI

# 3. Create a new project (or use an existing one)

# 4. Update .gitignore

# 5. Init a Git repository and commit your project

# 6. Create a Heroku project

# 7. Heroku Database set-up

# Heroku Postgres

# 1. Install the Heroku Postgres addon (opens new window) for using Postgres.

# 2. Retrieve database credentials

# 3. Set Database variables automatically

# 4. Create your Heroku database config file for production

# 5. Create your Strapi server config for production

# 6. Install the pg node module

# 8. Commit your changes

# 9. Update Yarn lockfile

# 10. Commit your changes

# 11. Deploy

# Project updates

# File Uploads

# Gzip

# 4. Update `.gitignore`

# 6. Install the `pg` node module