Carte + Assemble
Carte is a simple Jekyll (Assemble in this case) based documentation website for APIs. It is designed as a boilerplate to build your own documentation and is heavily inspired from Swagger and I/O docs.
We built Carte because the existing options (Swagger and the likes) were trying to do too much and did not match our needs:
- Most of our API calls are sending JSON objects, as opposed to a series of parameters,
- Being able to query the real API is nice, but running anything but
GETcalls can get tricky ("What do you mean I deleted my stuff? I was just trying out the API calls!"),
- Overall, setting up a separate server for what really requires a good static documentation seemed overkill.
The real value of Carte is its structure for describing APIs, not its underlying technical stack (or lack-thereof). In a nutshell; we built a static template for your API documentation, feel free to re-use it.
Here it is. No need for web servers - it's all static.
It' Assemble god dammit:
- Clone this repository on your local,
$ npm i && grunt,
- Great success! High five!
Adding a new API call
You can add a new API call by simply adding a new post in the
_posts folder. Jekyll by default forces you to specify a date in the file path: it makes us sad pandas too, but you'll have to stick to this format. You can use dates to control the order in which API calls are displayed in the interface.
Each API call can define a few values in its YAML header:
||Y||-||A short description of what that calls does.|
||N||-||The URL for the API call, including potential parameters.|
||N||-||Set it to
A typical header:
--- path: '/stuff/:id' title: 'Delete a thing' type: 'DELETE' ---
We then describe the request and response (or whatever else you wish to talk about) in the body of our post. Check the placeholders present in the
src/includes folder to get an idea of what it can look like.
Adding a category to your YAML header will allows you to group methods in the navigation. It is particularly helpful as you start having a lot of methods and need to organize them. For example:
--- category: Stuff path: '/stuff/:id' title: 'Delete a thing' type: 'DELETE' ---
Edit the design
The default UI is mostly described through the
src/styles.css file and a couple short jQuery scripts in the
src/layouts/default.html layout. Hack it to oblivion.