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.
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.
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
index.html as the catch-all document.
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.