Static API generator is a Node.js application that creates a basic JSON API from a tree of directories and files. Think of a static site generator, like Jekyll or Hugo, but for APIs.
It takes your existing data files, which you may already be using to feed a static site generator or similar, and creates an API layer with whatever structure you want, leaving the original files untouched. Static API generator helps you deliver your data to client-side applications or third-party syndication services.
Couple it with services like GitHub Pages or Netlify and you can serve your API right from the repository too. π¦
-
Install via npm
npm install static-api-generator --save
-
Require the module and create an API
const API = require('static-api-generator') const api = new API(constructorOptions)
Imagine the following repository holding data about movies, organised by language, genre and year. Information about each movie will be in its own YAML file named after the movie.
input/
βββ english
β βββ action
β β βββ 2016
β β β βββ deadpool.yaml
β β β βββ the-great-wall.yaml
β β βββ 2017
β β βββ logan.yaml
β β βββ the-fate-of-the-furious.yaml
β βββ horror
β βββ 2017
β βββ alien-covenant.yaml
β βββ get-out.yaml
βββ portuguese
βββ action
βββ 2016
βββ tropa-de-elite.yaml
Create an API by specifying its blueprint, so that the static API generator can understand how the data is structured, and the directory where the generated files should be saved.
const moviesApi = new API({
blueprint: 'source/:language/:genre/:year/:movie',
outputPath: 'output'
})
The following will generate and endpoint for each movie (e.g. /english/action/2016/deadpool.json
).
moviesApi.generate({
endpoints: ['movie']
})
Endpoints can be created for any data level. The following creates additional endpoints at the genre level (e.g. /english/action.json
).
moviesApi.generate({
endpoints: ['genre', 'movie']
})
It's also possible to manipulate the hierarchy of the data by choosing a different root level. For example, one could generate endpoints for each genre without a separation enforced by language, its original parent level. This means being able to create endpoints like /action.json
(as opposed to /english/action.json
), where all action movies are listed regardless of their language.
moviesApi.generate({
endpoints: ['genre', 'movie'],
root: 'genre'
})
const API = require('static-api-generator')
const api = new API({
addIdToFiles: Boolean,
blueprint: String,
pluralise: Boolean,
outputPath: String
})
The constructor method takes an object with the following properties.
-
Whether to add an
id
field to uniquely identify each data file. IDs are generated by computing an MD5 hash of the full path of the file.Default:
false
Example result:
"review_id": "96a9b996439528ecb9050774c3e79ff2"
-
Required. A path describing the hierarchy and nomenclature of the data. It should start with a static path to the directory where all the files are located, followed by the name of each data level (starting with a colon).
For the pluralise option to work well, the names of the data levels should be singular (e.g.
languages
vs.language
)Example:
'input/:language/:genre/:year/:movie'
-
Required. The path to the directory where endpoint files should be created.
Example:
'output'
-
The name of each data level (e.g.
"genre"
) is used in the singular form when identifying a single entity (e.g.{"genre_id": "12345"}
) and in the plural form when identifying a list of entities (e.g.{"genres": [...]}
). That behaviour can be disabled by setting this property tofalse
.Default:
true
api.generate({
endpoints: Array,
entriesPerPage: Number,
index: String,
levels: Array,
root: String,
sort: Object
})
The generate
method creates one or more endpoints. It takes an object with the following properties.
-
The names of the data levels to create individual endpoints for, which means generating a JSON file for each file or directory that corresponds to a given level.
Default:
[]
Example:
['genre', 'movie']
-
The maximum number of entries (data files) to include in an endpoint file. If the number of entries exceeds this number, additional endpoints are created (e.g.
/action.json
,/action-2.json
, etc.).Default:
10
Example:
3
-
The name of the main/index endpoint file.
Default:
The pluralised name of the root level (e.g.
languages
).Example:
languages
(generateslanguages.json
)
-
An array containing the names of the levels to include in the endpoints. By default, an endpoint for a level will include all its child levels (e.g. an endpoint for a genre will have a list of years, which will have a list of movies). If a level is omitted (e.g. year), then all its entries are grouped together (i.e. an endpoint for a genre will have a list of all its movies, without any separation by year).
Default:
All levels
Example:
['language', 'genre', 'movie']
-
The name of the root level. When this doesn't correspond to the first level in the blueprint, the data tree is manipulated so that all entries become grouped by the new root level.
Default:
The name of the first level of the blueprint (e.g.
language
)Example:
genre
-
An object that defines how the various data levels should be sorted. For levels corresponding to directories, an object with a single property (
order
) is expected, determining whether directory names are sorted from A-Z (ascending
) or Z-A (descending
).When levels contain entries, an additional property (
field
) defines what field of the data files should be used to sort the entries.Default:
{}
(directories will be sorted alphabetically from A-Z, entries will be sorted alphabetically from A-Z based on their filename)Example:
{ genre: { order: 'descending' }, movie: { field: 'budget', order: 'descending' } }
-
Why did you build this?
GitHub has been the centrepiece of my daily workflow as a developer for many years. I love the idea of using a repository not only for version control, but also as the single source of truth for a data set. As a result, I created several projects that explore the usage of GitHub repositories as data stores, and I've used that approach in several professional and personal projects, including my own site/blog.
-
Couldn't Jekyll, Hugo or XYZ do the same thing?
Possibly. Most static site generators are capable of generating JSON, but usually using awkward/brittle methods. Most of those applications were built to generate HTML pages and that's where they excel on. I tried to create a minimalistic and easy-as-it-gets way of generating something very specific: a bunch of JSON files that, when bundled together, form a very basic API layer.
-
Where can I host this?
GitHub Pages is a very appealing option, since you could serve the API right from the repository. It has CORS enabled, so you could easily consume it from a client-side application using React, Angular, Vue or whatever you prefer. You could even use a CI service like Travis to listen for commits on a given branch (say
master
) and automatically run Static API Generator and push the generated output to agh-pages
branch, making the process of generating the API when data changes fully automated.Netlify is also very cool and definitely worth trying.
-
Would it be possible to add feature X, Y or Z?
Probably. File an issue or, even better, a pull request and I'm happy to help. Bare in mind that this is a side project (one of too many) which I'm able to dedicate a very limited amount of time to, so please be patient and try to understand if I tell you I don't have the capacity to build what you're looking for.
-
Who designed the logo?
The logo was created by Arthur Shlain from The Noun Project and it's licensed under a Creative Commons Attribution license.