Staticman

Static sites with superpowers

Introduction

Staticman is a Node.js application that receives user-generated content and uploads it as data files to a GitHub repository. In practice, this allows you to have dynamic content (e.g. blog post comments) as part of a fully static website, as long as your site automatically deploys on every push to GitHub, as seen on GitHub Pages, Netlify and others.

It consists of a small web service that handles the POST requests from your forms, runs various forms of validation and manipulation defined by you and finally pushes them to your repository as data files. You can choose to enable moderation, which means files will be pushed to a separate branch and a pull request will be created for your approval, or disable it completely, meaning that files will be pushed to the main branch automatically.

You can download and run the Staticman API on your own infrastructure, or you can simply use the public instance of the Staticman API for free. If using the public instance, you can skip to Setting up repository.

Requirements

• Node.js 8.11.3+
• npm
• A personal access token for the GitHub account you want to run Staticman with
• An SSH key (click here to learn how to create one)

Setting up the server

• Clone the repository and install the dependencies via npm.

  git clone git@github.com:eduardoboucas/staticman.git
  cd staticman
  npm install
  

• Create a development config file from the sample file.

  cp config.sample.json config.development.json
  

• Edit the newly-created config file with your GitHub access token, SSH private key and the port to run the server. Click here for the list of available configuration parameters.

• Start the server.

  npm start
  

Each environment, determined by the NODE_ENV environment variable, requires its own configuration file. When you're ready to push your Staticman API live, create a config.production.json file before deploying.

Check this guide if you're using Docker.

Setting up a repository

Staticman runs as a bot using a GitHub account, as opposed to accessing your account using the traditional OAuth flow. This means that you can give it access to just the repositories you're planning on using it on, instead of exposing all your repositories.

To add Staticman to a repository, you need to add the bot as a collaborator with write access to the repository and ask the bot to accept the invite by firing a GET request to this URL:

http://your-staticman-url/v2/connect/GITHUB-USERNAME/GITHUB-REPOSITORY

If you're using the public instance, the account you want to add is staticmanapp and the URL is https://api.staticman.net/v2/connect/GITHUB-USERNAME/GITHUB-REPOSITORY.

Site configuration

Staticman will look for a config file. For the deprecated v1 endpoints, this is a _config.yml with a staticman property inside; for v2 endpoints, Staticman looks for a staticman.yml file at the root of the repository.

For a list of available configuration parameters, please refer to the documentation page.

Development

Would you like to contribute to Staticman? That's great! Here's how:

1. Read the contributing guidelines
2. Pull the repository and start hacking
3. Make sure tests are passing by running npm test
4. Send a pull request and celebrate

Useful links

• Improving Static Comments with Jekyll & Staticman
• Hugo + Staticman: Nested Replies and E-mail Notifications

Sites using Staticman

• Popcorn (Source)
• eduardoboucas.com (Source)
• Made Mistakes (Source)
• Minimal Mistakes theme (Source)
• /wg/ Startpages (Source)
• mainstrea.ml (Source)
• Open Source Design Job Board (Source)
• zongren.me (Source)
• DOTSLASHLINUX (Source)
• Spinningnumbers.org (Source)
• blog.justin.kelly.org.au (Source)
• chimad-phase-field (Source)
• abhinavsarkar.net (Source)
• beautifullhugo theme (Source)
• blog.jesuislibre.org (Source)
• silentcomics.com (Source)
• irz.fr (Source)
• masterandrey.com
• Tyne Time (Source)
• BinaryMist (Source)
• La ruta de la cebada (Source)
• Gatsby Central (Source)

Are you using Staticman? Let us know!