Deploying Strapi 4 to Digital Ocean App
Tags: strapi, digitalocean, render, cms
Published: 2022-08-15 22:18:12

---
title: Deploying Strapi 4 to Digital Ocean App
published: true
description: Step by step on how to deploy Strapi 4 to Digital Ocean App
tags: strapi, digitalocean, render, cms
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cxec9vn7l4ybep34dm9e.png
--- 

## What is Strapi?

[Strapi](https://strapi.io/) is an open-source headless Content Management System that offers you the chance to develop API with distinctive features. It's built on Node.js and works with any GraphQL enabled Frontend Frameworks.

You can create custom content types, relationships and media libraries for images and audio files with Strapi.

## What is [Digital Ocean App](https://docs.digitalocean.com/products/app-platform/)?

App Platform is a Platform-as-a-Service (PaaS) offering that allows developers to publish code directly to DigitalOcean servers without worrying about the underlying infrastructure.

- Free SSL Certificate;
- Straightforward UI;
- You can choose the region;
- Enables horizontal or vertical [scaling](https://docs.digitalocean.com/glossary/scaling/);

## Deploy

Go to the repository and click `Deploy to Digital Ocean`: https://github.com/candidosales/digital-ocean-app_render_strapi


![Repository Github](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7pgtvobwpfop1m3pbw7j.png)
 
 

You will be redirected to the page similar to the image below containing all information about the services that will be deployed. Click in `Next`.
![Digital Ocean page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjwdosny66zy2kmxey98.png)
 
In the next section, `Environment Variables`, fill up the env variables: `ADMIN_JWT_SECRET`, `JWT_SECRET`, `APP_KEYS` and `API_TOKEN_SALT`. You can use https://randomkeygen.com/. 
![Filling up the environment variables](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1q7r5ic2sg49bfn2jmji.png)

In `Info` section, check if the project and region are correct.
![Info section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6oadygnwr04zmpvtc5lh.png)

In `Review` section, check the plan for each service, and click in `Create Resources`.
![Review section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3aft79hlg051q23u2713.png)
 
Waits until deployment is finished.
![Deployment](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4kv2nir4nm8lc48jproi.png)

It's done :tada:! 

You can access the Strapi admin via your https://xxxx-xxxx.ondigitalocean.app/admin and create a user account.

![Finished](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v31vy6iiliqdmyzn1e22.png)

------

## ✨ Extra 

In the same repository you can deploy on [Render](https://render.com/) too 😁. The advantage of the Render is that it attaches a volume to store your images, which can be safe to store locally.

![Deploy to Render](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4t70prsoh9vdulzjtp23.png)

Added a `Service Group Name` and click in `Apply`.

![Set up](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/994k0bwg26apywq56aih.png)
 
It's just two clicks 🥲.

![Done](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hecprnu8xphynrr1s05k.png)
 
    
------

If you find any issues, please, comment below.

Feel free to improve the [repository](https://github.com/candidosales/digital-ocean-app_render_strapi). Your contribution is welcome! :smiley: