Remote API example in Hugo static site build.

hugo-remote-api.html

{{ with getJSON "https://noti.st/rarst.json" }}
    <h3 class="text-left">Latest Talk</h3>
    {{ $talks := (index .data 0).relationships.data }}
    {{ $latest :=index $talks 0 }}
    <a href="{{ $latest.links.self }}">
        <img src="{{ $latest.attributes.image.src }}" alt="{{ $latest.attributes.title }}"
             class="img-responsive" style="max-height: 210px;border: 1px solid #eee" loading="lazy"/>
    </a>
{{ end }}

{{ with getJSON "https://api.github.com/users/Rarst/repos" }}
    <h3 class="text-left">Top Projects</h3>
    {{ $projects := sort (where . "fork" false) "stargazers_count" "desc" | first 3 }}
    <div class="row text-left">
        {{ range $projects }}
            <div class="col-sm-4 col-md-12">
                <a href="{{ .html_url }}">{{ replace .name "-" " " | title }}</a>
                <span class="pull-right">★{{ .stargazers_count }}</span>
                <p>{{ .description }}</p>
            </div>
        {{ end }}
    </div>
{{ end }}

Wow! I din't even know this is possible. Thanks for sharing!