Web Front-end
JS Tutorial
How to deploy a backend application to DigitalOcean using Docker and Encore
How to deploy a backend application to DigitalOcean using Docker and Encore

? This guide shows you how to deploy an Encore application to DigitalOcean using the new encore build command, part of Encore's open source CLI.
This is handy if you prefer manual deployment over the automation offered by Encore's Cloud Platform.
Even when deploying manually, Encore simplifies the process by providing tools to build and configure your app.⚡️
Now let's take a look at how to deploy an Encore app to DigitalOcean's App Platform using Docker and encore build.?
Prerequisites
- DigitalOcean Account: Make sure you have a DigitalOcean account. If not, you can sign up here.
- Docker Installed: Ensure Docker is installed on your local machine. You can download it from the Docker website.
-
Encore CLI: Install the Encore CLI:
- macOS: brew install encoredev/tap/encore
- Linux: curl -L https://encore.dev/install.sh | bash
- Windows: iwr https://encore.dev/install.ps1 | iex
- DigitalOcean CLI (Optional): You can install the DigitalOcean CLI for more flexibility and automation, but it’s not necessary for this tutorial.
Step 1: Create an Encore App
-
Create a New Encore App:
- If you haven’t already, create a new Encore app using the Encore CLI.
- You can use the following command to create a new app:
encore app create myapp
- Select the Hello World template.
- Follow the prompts to create the app.
-
Build a Docker image:
- Build the Encore app to generate the docker image for deployment:
encore build docker myapp
Step 2: Push the Docker Image to a Container Registry
To deploy your Docker image to DigitalOcean, you need to push it to a container registry. DigitalOcean supports
its own container registry, but you can also use DockerHub or other registries. Here’s how to push the image to DigitalOcean’s registry:
-
Create a DigitalOcean Container Registry:
- Go to the DigitalOcean Control Panel and create a new container registry.
- Follow the instructions to set it up.
Login to DigitalOcean's registry:
Use the login command provided by DigitalOcean, which will look something like this:
doctl registry login
You’ll need the DigitalOcean CLI for this, which can be installed from DigitalOcean CLI documentation.
- Tag your Docker image: Tag your image to match the registry’s URL.
encore app create myapp
- Push your Docker image to the registry:
encore build docker myapp
Step 3: Deploy the Docker Image to DigitalOcean App Platform
Navigate to the App Platform:
Go to DigitalOcean's App Platform.-
Create a New App:
- Click on "Create App".
- Choose the "DigitalOcean Container Registry" option.
-
Select the Docker Image Source:
- Select the image you pushed earlier.
-
Configure the App Settings:
- Set up scaling options: Configure the number of containers, CPU, and memory settings.
- Environment variables: Add any environment variables your application might need.
- Choose the region: Pick a region close to your users for better performance.
-
Deploy the App:
- Click "Next", review the settings, and click "Create Resources".
- DigitalOcean will take care of provisioning the infrastructure, pulling the Docker image, and starting the application.
Step 4: Monitor and Manage the App
-
Access the Application:
- Once deployed, you will get a public URL to access your application.
- Test the app to ensure it’s running as expected, e.g.
doctl registry login
-
View Logs and Metrics:
- Go to the "Runtime Logs" tab in the App Platform to view logs
- Go to the "Insights" tab to view performance metrics.
-
Manage Scaling and Deployment Settings:
- You can change the app configuration, such as scaling settings, deployment region, or environment variables.
Step 5: Add a Database to Your App
DigitalOcean’s App Platform provides managed databases, allowing you to add a database to your app easily. Here’s how to set up a managed database for your app:
-
Navigate to the DigitalOcean Control Panel:
- Go to DigitalOcean Control Panel.
- Click on "Databases" in the left-hand sidebar.
-
Create a New Database Cluster:
- Click "Create Database Cluster".
- Choose PostgreSQL
- Select the database version, data center region, and cluster configuration (e.g., development or production settings based on your needs).
- Name the database and configure other settings if necessary, then click "Create Database Cluster".
-
Configure the Database Settings:
- Once the database is created, go to the "Connection Details" tab of the database dashboard.
- Copy the connection string or individual settings (host, port, username, password, database name). You will need these details to connect your app to the database.
- Download the CA certificate
-
Create a Database
- Connect to the database using the connection string provided by DigitalOcean.
encore app create myapp
- Create a database
encore build docker myapp
-
Declare a Database in your Encore app:
- Open your Encore app’s codebase.
- Add mydb database to your app (Encore Database Documentation)
doctl registry login
-
Create an Encore Infrastructure config
- Create a file named infra.config.json in the root of your Encore app.
- Add the CA certificate and the connection details to the file:
docker tag myapp registry.digitalocean.com/YOUR_REGISTRY_NAME/myapp:latest
-
Set Up Environment Variables (Optional):
- Go to the DigitalOcean App Platform dashboard.
- Select your app.
- In the "Settings" section, go to "App-Level Environment Variables"
- Add the database password as an encrypted environment variable called DB_PASSWORD.
-
Build and push the Docker image:
- Build the Docker image with the updated configuration.
encore app create myapp
- Tag and push the Docker image to the DigitalOcean container registry.
encore build docker myapp
-
Test the Database Connection:
- Redeploy the app on DigitalOcean to apply the changes.
- Test the database connection by calling the API
doctl registry login
Troubleshooting Tips
- Deployment Failures: Check the build logs for any errors. Make sure the Docker image is correctly tagged and pushed to the registry.
- App Not Accessible: Verify that the correct port is exposed in the Dockerfile and the App Platform configuration.
- Database Connection Issues: Ensure the database connection details are correct and the database is accessible from the app.
Conclusion
That’s it! You’ve successfully deployed an Encore app to DigitalOcean’s App Platform using Docker.?
You can now scale your app, monitor its performance, and manage it easily through the DigitalOcean dashboard.
? Try it yourself
- Learn about building apps using Encore with these Tutorials.?
- Find inspiration on what to build with these Open Source App Templates.?
Wrapping up
- ⭐️ Support the project by starring Encore on GitHub.
- ? If you have questions or want to share your work, join the developers hangout in Encore's community on Discord.
The above is the detailed content of How to deploy a backend application to DigitalOcean using Docker and Encore. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Advanced Conditional Types in TypeScript
Aug 04, 2025 am 06:32 AM
TypeScript's advanced condition types implement logical judgment between types through TextendsU?X:Y syntax. Its core capabilities are reflected in the distributed condition types, infer type inference and the construction of complex type tools. 1. The conditional type is distributed in the bare type parameters and can automatically split the joint type, such as ToArray to obtain string[]|number[]. 2. Use distribution to build filtering and extraction tools: Exclude excludes types through TextendsU?never:T, Extract extracts commonalities through TextendsU?T:Never, and NonNullable filters null/undefined. 3
Generate Solved Double Chocolate Puzzles: A Guide to Data Structures and Algorithms
Aug 05, 2025 am 08:30 AM
This article explores in-depth how to automatically generate solveable puzzles for the Double-Choco puzzle game. We will introduce an efficient data structure - a cell object based on a 2D grid that contains boundary information, color, and state. On this basis, we will elaborate on a recursive block recognition algorithm (similar to depth-first search) and how to integrate it into the iterative puzzle generation process to ensure that the generated puzzles meet the rules of the game and are solveable. The article will provide sample code and discuss key considerations and optimization strategies in the generation process.
How can you remove a CSS class from a DOM element using JavaScript?
Aug 05, 2025 pm 12:51 PM
The most common and recommended method for removing CSS classes from DOM elements using JavaScript is through the remove() method of the classList property. 1. Use element.classList.remove('className') to safely delete a single or multiple classes, and no error will be reported even if the class does not exist; 2. The alternative method is to directly operate the className property and remove the class by string replacement, but it is easy to cause problems due to inaccurate regular matching or improper space processing, so it is not recommended; 3. You can first judge whether the class exists and then delete it through element.classList.contains(), but it is usually not necessary; 4.classList
Vercel SPA routing and resource loading: Solve deep URL access issues
Aug 13, 2025 am 10:18 AM
This article aims to solve the problem of deep URL refresh or direct access causing page resource loading failure when deploying single page applications (SPAs) on Vercel. The core is to understand the difference between Vercel's routing rewriting mechanism and browser parsing relative paths. By configuring vercel.json to redirect all paths to index.html, and correct the reference method of static resources in HTML, change the relative path to absolute path, ensuring that the application can correctly load all resources under any URL.
Vercel Single Page Application (SPA) Deployment Guide: Solving Deep URL Asset Loading Issues
Aug 13, 2025 pm 01:03 PM
This tutorial aims to solve the problem of loading assets (CSS, JS, images, etc.) when accessing multi-level URLs (such as /projects/home) when deploying single page applications (SPAs) on Vercel. The core lies in understanding the difference between Vercel's routing rewriting mechanism and relative/absolute paths in HTML. By correctly configuring vercel.json, ensure that all non-file requests are redirected to index.html and correcting asset references in HTML as absolute paths, thereby achieving stable operation of SPA at any depth URL.
The Module Pattern in JavaScript: A Practical Guide
Aug 05, 2025 am 09:37 AM
ThemodulepatterninjavascriptsolvestheProbllobalscopepollutionandandandandandandandandandlackofencapsulation byusingClosuresandiifestocreatePrivat EvariaBlesandExPosonTrolledPublicapi; 1) IthidesInternal DataStusersandvalidatenamewithinacloslosloslosloslosloslus
Qwik: A Resumable Framework for Instant-Loading Web Apps
Aug 15, 2025 am 08:25 AM
Qwikachievesinstantloadingbydefaultthroughresumability,nothydration:1)TheserverrendersHTMLwithserializedstateandpre-mappedeventlisteners;2)Norehydrationisneeded,enablingimmediateinteractivity;3)JavaScriptloadson-demand,onlywhenuserinteractionoccurs;4
js add element to start of array
Aug 14, 2025 am 11:51 AM
In JavaScript, the most common method to add elements to the beginning of an array is to use the unshift() method; 1. Using unshift() will directly modify the original array, you can add one or more elements to return the new length of the added array; 2. If you do not want to modify the original array, it is recommended to use the extension operator (such as [newElement,...arr]) to create a new array; 3. You can also use the concat() method to combine the new element array with the original number, return the new array without changing the original array; in summary, use unshift() when modifying the original array, and recommend the extension operator when keeping the original array unchanged.


