Developer Documentation Static Site Generator

---

Overview

• Static Site Generator: Hugo + TypeScript +
• Hosting: Cloudflare Pages

Usage

• Minimum Requirements
• Installation
• Development
  • Development Server
  • Static Server
• Testing
• Deployments
• Updating Release Notes for the New Year

Minimum Requirements

The minimum Node and NPM versions can be found in the package.json file under engines.

If you need help installing and/or managing Node and NPM versions, check out NVM.

Installation

npm install

• npm install installs the necessary node modules for development.

Install Hugo

Homebrew (macOS)

brew install hugo

Debian / Ubuntu

It is recommended that you install the latest release of Hugo. For debian and ubuntu users, they offer a .deb file.

Other OS

See Hugo Installation

Install Embedded Dart Sass

Download Embedded Dart Sass and make sure it is in your $PATH. This is necessary for Hugo to process SASS and SCSS files. See the Hugo documentation for more information.

Development

Development Server

The development server watches files, rebuilds the site, and reloads the browser when files change.

hugo server

Updating Release Notes for the New Year

Whenever you create your first release note for a product category for a new year:

1. Add a file called <year>.md to the /content/<product>/release-notes folder. (e.g., /content/geoip/release-notes/2024.md)
   • Add the header to your new release note file with the title: <Product> Release Notes (e.g., GeoIP2 Release Notes) and draft to false.
   • Add the RSS notification to the top of the new file.
2. Change the title: field in the previous year's md file to read: <Product> Release Notes - <Year> Archive (e.g., GeoIP2 Release Notes - 2023 Archive)
   • Remove the RSS notification from the top of the archived file.
3. Update link to the release notes in the navigation menu (hugo.toml) to point to the current year's path.
4. Update the URLs in the redirects file (static/_redirects) to the current year's path.

Updating Example CSVs

To do this, use the create-example-csv-zips-for-dev-site script in the internal oneoffs repository.

Adding Page Metadata for SEO and Social Sharing

Adding a description

In the markdown (mdx) file, add a description to the frontmatter located at the top of the file:

---
draft: false
title: GeoIP2 is the best
description: GeoIP2 is the bestest IP Intelligence product suite ever made
---

Adding an image

1. Add your image to the static/images directory.

2. In the markdown (mdx) file, add the path to the image key in the frontmatter located at the top of the file. Do not include static to the path. For example, if your file is at static/images/geoip2-so-cool.gif, your frontmatter would look like:

---
draft: false
title: GeoIP2 is the best
description: GeoIP2 is the bestest IP Intelligence product suite ever made
image: /images/geoip2-so-cool.gif
---