Introduction into Harp

D5cd900453405c985e97c63e9f92061d?s=47 Alexander Reelsen
December 04, 2014
Technology
1
160

Introduction into Harp

A quick introduction into harp. Hold at the MNUG Meetup in Munich in December 2014

D5cd900453405c985e97c63e9f92061d?s=128

Alexander Reelsen

December 04, 2014
Tweet

More Decks by Alexander Reelsen

See All by Alexander Reelsen
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
59
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
230
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
60
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
47
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
260
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
4
610
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
87
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
290
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
270

Other Decks in Technology

See All in Technology
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
250
73c174b34dafaea64f2824eb008a6559?s=48 shibayan
0
1.1k
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
120
386cb4a00138384e4f584ac791aaf141?s=48 magicpocket
0
180
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
270
89a0966b0f29e90ebf602a77e1349a6b?s=48 alexanderbyndyu
0
230
E481624463bdb1c97c46e2155408acb4?s=48 igorwojda
2
440
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
130
Dca4f8abd1e78940052ee52c85c4d2ed?s=48 shimacos
1
1.7k
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
250
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
0
260
0eacc4d25ee36af36d12e76b52de8bac?s=48 koushiohno
0
140

Featured

See All Featured
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
447
36k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
199
19k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
11
510
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
7
330
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
625
41k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
12
4k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.8k

Transcript

  1. Alexander Reelsen @spinscale alexander.reelsen@elasticsearch.com Introduction into harp

  2. About me Developer at Elasticsearch Interested in all things scale,

    search & a bit web No clue about web design likes tech meetups...

  3. More search... Check out the Search Meetup Munich (15th Dec)

    http://www.meetup.com/Search-Meetup-Munich/events/218856224/

  4. Devcamp anyone? Like a barcamp, but for developers only! Location

    for 150 people One big room 5 small conference rooms Sponsors wanted as well Contact me!

  5. Introduction

  6. Static site generators There are a few out there... 388

    https://staticsitegenerators.net/ Known ones Jekyll, Octopress, Pelican, Middleman

  7. Use-Cases Prototyping Documentation Small websites Blogs Potentially replacing misused CMS

  8. harp static web server with built-in preprocessing HTML: EJS, Jade,

    Markdown CSS: LESS, Stylus, SASS JS: Coffeescript

  9. Installation npm install -g harp harp init myproject harp server

    myproject

  10. Features

  11. Command line options harp compile creates compiled HTML/CSS/JS for static

    hosting harp multihost allows to develop multiple projects in parallel

  12. Features - Partials <!-- _nav.ejs --> <nav> <a href="#">Home</a> <a

    href="#">Product</a> <a href="#">Services</a> </nav> <!-- index.ejs --> <body> <%= partial("_nav") %> <h1>Services</h1> <!-- etc. --> </body>

  13. Features - Metadata { "team": { "title": "Team page", "members":

    ["Rob", “Brock", "Jorge"] } } h1= title ul each member in members li= member _data.json team.jade

  14. Integration - express.js var express = require("express"); var harp =

    require("harp"); var app = express(); app.configure(function(){ app.use(express.static(__dirname + "/public")); app.use(harp.mount(__dirname + "/public")); });

  15. Features - Boilerplates harp init -b harp-boilerplates/hb-blog Blog, Bootstrap, Presentations...

    https://github.com/harp-boilerplates

  16. Features - Environment Act different depending on your environment production

    || development Display drafts etc.. Different caching strategy (LRU vs. none) harp compile is production as well!

  17. Features - Deployment GitHub Pages Heroku Azure harp.io

  18. Features... Support for globals.json current object for application state Basic

    Auth Custom 404, 200 (for client apps) More help through recipes http://harpjs.com/recipes/

  19. Not (yet) implemented... browser-sync https://github.com/sintaxi/harp/pull/360 terraform needs to be updated

    more regularly lots of pending PRs with support for other languages Big picture: Harp editor https://github.com/silentrob/harp-editor

  20. DEMO

  21. Resources Harp http://harpjs.com/ https://github.com/sintaxi/harp Harp Platform https://www.harp.io/ Note: No affiliation

    with harp just stole the design!

  22. Thanks for listening! Alexander Reelsen @spinscale alexander.reelsen@elasticsearch.com