ntWeb

A small site with great intentions.

GitHub Actions GitHub Actions Netlify Status

ntWeb is a small site with great intentions. It provides a portfolio, a blogging platform, a coding challenges collection, a gallery, documentation for Go packages and a JSON API.

Probably anyone could think of this as a really simple project and its author is a bad frontend developer, and actually, it is true in some way because it is not my profile, but its simplicity is intentional (and it is written with modern web technologies).

The website is created by Hugo and some parts of the content are generated by Go and Mage (specifically the projects and the Go packages documentation pages).

For been printed in the web browser, the home page downloads ~30 KB (~12 KB without favicons), this page downloads ~265 KB (including its images). It is functional without JavaScript and can be visualized on TUI web browsers.

Home page on TUI
Home page on TUI
Projects on TUI
Projects on TUI
This page on TUI
This page on TUI

Its content may be fetched as JSON, so creating new complex frontends is trivial without the need for content duplication. Since it is a static API, it has good performance because of the lack of computing complexity (just reading a file), it is more resistant to cyber-attacks because there is no database server and it can be hosted in any service supporting static files.

API

Almost any HTML page has a JSON output format, it could be fetched by appending index.json to its URL, so the JSON URL of this page should be https://ntrrg.dev/en/projects/ntweb/index.json.

Every page has the following properties:

url - String

Resource URL.

kind - String

Resource type. It may be one of home, section, taxonomy, term or page.

type - String

Content type. It may be one of blog, gallery, projects, tag or page.

lang - String

Resource language.

title - String

Resource title.

image - String

Resource image URL.

params - String

Resource frontmatter parameters. This may be different from page types.

content - String

Resource rendered Markdown content (HTML). Notice that this contains a Base64 encoded UTF-8 string and JavaScript strings are UTF-16.

data - Object

Resource specific data. For the main page, this contains all the sections, taxonomies and top-level pages; for collections this contains its elements and pagination information; and for single elements this is contains the related resource references.

altLang - Array of Object

Resource translations. Every object has the lang and url properties.

altMediaType - Array of Object

Resource alternative formats. Every object has the mediaType and url properties.

$ wget -qO - https://ntrrg.dev/en/projects/ntweb/index.json | jq
{
  "url": "https://ntrrg.dev/es/en/projects/ntweb/",
  "kind": "page",
  "type": "projects",
  "lang": "en",
  "title": "ntWeb",
  "image": "",
  "params": {
    "comments": true,
    "description": "A small site with great intentions.",
    "draft": false,
    "iscjklanguage": false,
    "metadata": {
      "license": "MIT",
      "source-code": "https://github.com/ntrrg/ntweb"
    },
    "tags": [
      "website",
      "json-api",
      "go",
      "html",
      "css",
      "javascript",
      "hugo",
      "mage",
      "docker",
      "netlify"
    ],
    "title": "ntWeb",
    "toc": true
  },
  "content": "...",
  "data": {
    "pages": []
  },
  "altLang": [
    {
      "lang": "es",
      "url": "https://ntrrg.dev/es/es/projects/ntweb/"
    }
  ],
  "altMediaType": [
    {
      "mediaType": "text/html",
      "url": "https://ntrrg.dev/es/en/projects/ntweb/"
    }
  ]
}

Endpoints

Main

https://ntrrg.dev/en/index.json

Retrieves all the top-level elements. See API for more details about common properties.

Properties:

data.sections - Array of Object

Website sections. Every object has the url, title and pages properties. The pages property is the count of pages inside the section.

data.taxonomies - Array of Object

Website taxonomies. Every object has the url, title and terms properties. The terms property is the count of terms inside the taxonomy.

data.pages - Array of Object

Top-level pages. Every object has the url and title properties.

Collections

https://ntrrg.dev/en/:section/index.json

https://ntrrg.dev/en/:section/page/:pageNumber/index.json

https://ntrrg.dev/en/tags/:tag/index.json

Parameters:

:section - String

Section name. This should be an existent section.

:pageNumber - Integer

Page number. The first page is retrieved without page/:pageNumber/.

:tag - String

Tag name. This should be an existent tag.

Retrieves the list of elements from the given collection. See API for more details about common properties.

Properties:

data.pages - Array of Object

List of elements. Every object has the url, title, image, publishDate, date, description, refs, rels and taxonomies properties. See Single elements for more information about its properties.

data.pagination - Object

Pagination object. It contains the prefix, first, prev, next and last properties.

Single elements

https://ntrrg.dev/en/:id/index.json

Parameters:

:id - String

Element unique identifier. Generally it is the section name and the URL encoded element title.

Retrieves a single element. See API for more details about common properties.

Properties:

data.rels - Array of Object

List of related elements, like the authors or the series which this element is part of. Every object has the url, type and title properties.

data.refs - Array of Object

List of elements referencing this element as a related. Every object has the url, type, title and weight properties.

Search index

https://ntrrg.dev/en/search-index/index.json

Retrieves all the indexable elements for search engines. This doesn’t have the common properties. For search index invalidation see build information.

Properties:

documents - Array of Object

List of indexable elements. Every object has the url, type, title, publishdate, date, description, content and taxonomies properties. The value of the content property is in plain text (no HTML tags) and it is Base64 encoded, notice that this contains a UTF-8 string and JavaScript strings are UTF-16.

Cache

https://ntrrg.dev/cache.json

Retrieves the URLs of every generated object, useful for prefetching content, with Service Workers for example.

Build information

https://ntrrg.dev/en/build-info/index.json

Retrieves build information about the project.

Properties:

environment - String

Build environment.

hash - String

Last Git commit hash used for building the site.

date - String

Building date.

hugoVersion - String

Hugo version used for building the site.

Offline mode

Every time a resource is open, it is stored in cache (with a Service Worker), which allows offline browsing. It is possible to clean the stored files from the Settings page or even download the whole site for a full offline experience.

Source code

Requirements:

  • Hugo >= 0.73

Get the source code

$ # Package
$ wget https://github.com/ntrrg/ntweb/archive/master.tar.gz
$
$ # Git repository
$ git clone --depth 1 https://github.com/ntrrg/ntweb.git

Run the Hugo server in the project root directory

$ hugo server

Go to http://localhost:1313/ with a browser.

Docker

$ docker run --rm -p 1313:80 ntrrg/ntweb

Go to http://localhost:1313/ with a browser.

Acknowledgment

Working on this project I use/used:

Privacy policy

This site uses tracking cookies when:

  • Comments are loaded. If you don’t want them, just don’t click «Show comments».

If you use only Open Source products, sorry about using cookies, I will replace Disqus as my comments platform in the future.

If you use private source products, worrying about privacy and using this products is like worrying about global warming and not recycling.. So just don’t.. 😒