Each Harp Weekly includes helpful resources for creating static sites and client-side applications with Harp, the open source web server with built-in preprocessing.
Brad Frost’s Project Hub and Harp
Brad Frost wrote a superb article for 24 ways on creating a home base for design projects. It included an an HTML template which Jorge Pedret has built upon using Harp.
This new Harp template serves as a centralised home base for your projects, making it easy to keep track of events and notes from the whole team. The project is still served as static HTML, but with Harp’s preprocessing and flexible metadata, it’s more maintainable. Jorge wanted to
…demonstrate how easy it is to port any static template to Harp. It took less than 1 hour from start to end, including adding the instructions, updating the README file, making it dynamic, etc. Jorge Pedret, Project Hub: A new Harp template to track project timelines
Launch a Project Hub through GitHub
Launch a Project Hub through Dropbox
You could also try out a Project Hub through the Harp Platform: a front-end publishing platform integrated with Dropbox, and powered by Harp. There’s a free trial, perfect for launching a Project Hub right in your Dropbox, with a custom subdomain.
Then, you can share the Dropbox folder with your whole team. Everyone can update it, and even include and publish the relevant resources along with it. Jorge put an active example at projecthub.harp.io to give you an idea.
Experiments with static categories
Raymond Camden previously wrote about moving from dynamic to static with Harp. If you’re looking to create categories for a blog, he has another helpful post out, covering about some of his static experiments.
Markdown and Client-side syntax highlight
Harp’s Markdown documentation page will now be more helpful if you’re writing a blog with code samples, or creating a documentation site. A GitHub Flavoured Markdown walk through is included, showing you how to denote what language you are using, making it perfect for a client-side syntax highlighter.
environment variable makes it possible for a static site to behave differently depending on its context. The new
environment documentation has a simple example for altering your site, depending on whether or not Harp is in production.
Next Harp Weekly
There’s a post coming soon about some powerful dynamic features you can create with
environment, while still serving a static site. If you’re interested, it will be included in the next Harp Weekly—subscribe here.