How to Manage Static Sites in App Platform
Create a Static Site
Note
- Go to https://cloud.digitalocean.com/apps, click on your app, and click on the Settings tab. Add a Static Site component by clicking the Add Component button and choosing the Static Site option.
-
Select the source code for the Static Site on GitHub. If connecting for the first time, you will see an empty repository list and will need to click the link labeled Configure your GitHub permissions, then refresh this page.
-
Next, select which branch of the source repo you’d like to use as the source of the Static Site. Click Next.
-
App Platform will inspect the code and select an appropriate runtime environment (such as Node, Ruby, etc). If you need to override this, you can see if there is a better options in the drop-down labeled Type as well. If nothing suitable appears there, upload a Dockerfile to your branch and restart the app creation process.
-
App Platform will also display any appropriate build and run commands that it detected, which you can now customize as needed.
-
If the use of environment variables is required, click Edit and supply them. Click the Encrypt checkbox to ensure a variable’s value is obscured in all build, deploy, and application logs.
-
Give the Static Site a name and click Next.
-
Select a plan, and click Launch Static Site.
Configure a Static Site
Go to https://cloud.digitalocean.com/apps, click on your app, and click on the Settings tab. Click the Static Site you’d like to edit.
You can use the configuration settings you see here to change the Static Site’s scaling behavior, modify environment variables, edit commands, and more.
When an error occurs on the static site, App Platform displays an error document. You can specify a custom error document. Click Edit in the Custom Pages section.
Select one of the following options:
-
Error: Specify a document for errors for the site.
-
Catchall: Specify a catch-all document that the site uses to redirect requests to pages that are not found on the site.
Enter the name of the error or catch-all document in the Page Name field and click Save. The .html file must be in your repository for App Platform to use it in the build. App Platform uses a default document if you do not provide one. For static sites that have Javascript-based client side routing, you can specify index.html as the catch-all document.
Destroy a Static Site
Go to https://cloud.digitalocean.com/apps, click on your app, and click on the Settings tab. Click on the Static Site you’d like to destroy.
You can destroy the Static Site by clicking the Destroy Component button on the bottom of the page and entering its name to confirm your selection.