Vereisten

  • DigitalOcean-account

Dockerfile aanmaken

Maak de Dockerfile aan in de hoofdmap van je site.

Ons startersjabloon bevat al de Dockerfile.

 1###############
 2# Build Stage #
 3###############
 4FROM hugomods/hugo:exts as builder
 5
 6COPY . /src
 7
 8ENV HUGO_ENV=production
 9
10# Base URL
11ARG HUGO_BASEURL=
12ENV HUGO_BASEURL=${HUGO_BASEURL}
13
14# Module Proxy
15ARG HUGO_MODULE_PROXY=
16ENV HUGO_MODULE_PROXY=${HUGO_MODULE_PROXY}
17
18# NPM mirrors, such as https://registry.npmmirror.com
19ARG NPM_CONFIG_REGISTRY=
20ENV NPM_CONFIG_REGISTRY=${NPM_CONFIG_REGISTRY}
21
22# Install dependencies
23RUN npm ci
24
25# Build site
26RUN hugo --minify --gc --enableGitInfo
27
28# Set the fallback 404 page if defaultContentLanguageInSubdir is enabled, please replace the `en` with your default language code.
29# RUN cp ./public/en/404.html ./public/404.html
30
31###############
32# Final Stage #
33###############
34FROM hugomods/hugo:nginx
35COPY --from=builder /src/public /site
  • De /site is de uitvoermap voor statische bestanden, die later wordt gebruikt.

App aanmaken

Navigeer naar DigitalOcean Dashboard -> Linker paneel -> Apps -> App aanmaken en vul het formulier als volgt in.

App aanmaken

Resources aanpassen

In deze stap moeten we de resources aanpassen, omdat het DigitalOcean App Platform Buildpack momenteel Hugo-sites die zijn geconfigureerd via de configuratiemap niet kan detecteren.

Resources

Je ziet mogelijk meerdere resources zoals in de afbeelding hierboven. Verwijder alle onnodige resources behalve de resource van het type Dockerfile.

Dockerfile-resource bewerken

Omdat de webservice niet gratis is, moeten we de Dockerfile-resource wijzigen naar een statische site.

  1. Klik op de knop Bewerken rechts van de Dockerfile-resource; je wordt dan doorgestuurd naar het paneel voor resource-instellingen.
  2. Bewerk het Resourcetype en verander het naar Statische site.
  3. Bewerk de Uitvoermap en stel deze in op /site.

Dockerfile-resource bewerken

Zodra dit is gedaan, krijg je vergelijkbare instellingen als hierboven. Klik nu op de knop Terug om de resources te controleren.

Als alles goed is gegaan, zou je slechts één resource moeten zien van het type Statische site | Dockerfile.

Bewerkte resources

Controleren

Controleer de factureringssectie; je wordt niet in rekening gebracht als je niet meer dan 3 statische sites deployt.

Houd er rekening mee dat overschreden dataverbruik in rekening wordt gebracht; lees meer op de prijzenpagina.

Facturering

Deployen

Het is tijd om de site te deployen door op de knop Resources aanmaken te klikken als alles in orde is.

Volgende stappen

Zodra de app is aangemaakt, wordt deze automatisch gedeployd. Je kunt de buildlogs bekijken als er iets misgaat.

Na een succesvolle deploy kun je een eigen domein instellen.