Save 37% off PRO during our Black Friday Sale! »

Introduction into Harp

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

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
41
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
87
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
330
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
74
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
72
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
380
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
4
730
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
99
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
350

Other Decks in Technology

See All in Technology
C082aa76a5e47f5f99e74043452d4ffe?s=48 akakou
1
260
154699a2e3d8b497494a5ee118f211a5?s=48 kazutan
2
790
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
490
67683b0a8d24009c731787b49881a9de?s=48 tomuro
1
160
A60224e356e52f631bec70bc9df52889?s=48 empitsu
2
2.3k
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
PRO
4
210
7b1f62709e6b808406596d8676f7f09c?s=48 udayan28
0
160
8b27cf0be02118c4fb97c59b19f0f871?s=48 ykimi
0
2.6k
3933b943fb70400bbc26f3cb78d8204c?s=48 sakiengineer
2
940
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
0
200
11ab209b6dcacad4e5aa841af533a937?s=48 katahiro12345
0
110
E054bbb78a219fbddbac0bc492aed606?s=48 sensetime_japan
0
130

Featured

See All Featured
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
228
9k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
195
9.1k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.7k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k

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