DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Deploying Strapi 4 to Digital Ocean App
CΓ’ndido Sales Gomes
CΓ’ndido Sales Gomes

Posted on

Deploying Strapi 4 to Digital Ocean App

What is Strapi?

Strapi 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?

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;

Deploy

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

Repository Github

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

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

In Info section, check if the project and region are correct.
Info section

In Review section, check the plan for each service, and click in Create Resources.
Review section

Waits until deployment is finished.
Deployment

It's done πŸŽ‰!

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

Finished


✨ Extra

In the same repository you can deploy on Render 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

Added a Service Group Name and click in Apply.

Set up

It's just two clicks πŸ₯².

Done


If you find any issues, please, comment below.

Feel free to improve the repository. Your contribution is welcome! πŸ˜ƒ

Top comments (0)

πŸ€” Did you know?

Β 
🌚 Dark mode is available in Settings.