LinkStache

A serverless and buildless "stache" for all your links

Overview

This is a small static LinkTree clone that utilizes Mustache.js templating for the layout and style. It can be set up entirely in GitHub and your browser. All data for the site is contained in a single data.json file with a defined JSON schema. Use of the schema 1) allows users to ensure data is formatted correctly and 2) provides an instant GUI editor via JSON Editor.

You can see an example using this repository on Github Pages: https://jacobgb24.github.io/LinkStache/

Setting up a website with just GitHub and your browser

1. Fork this repository or use it as a template
2. Set up GitHub Pages for your repository
3. Once set up, navigate to <your-site>/gui_editor.html in your browser. You should see an editor like below
4. Fill out all of the fields and customize the style as you want
5. Click "Copy Data to Clipboard"
6. Return to the GitHub repository and click the data.json file
7. Edit the file, replace it with the contents of your clipboard, then commit
8. Your site should be updated

Repeat steps 3+ for any future updates. Your current site data will show in the editor

Features

• Profile picture, name, and bio
• Support for links and section headers
• Additional support for text, image, and html blocks
• Customizable style similar to what LinkTree's free version offers. (See the schema for what can be customized.)
• GUI Editor with live preview