Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction into Harp

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

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
76
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
300
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
72
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
55
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
350
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
4
700
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
96
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
340
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
280

Other Decks in Technology

See All in Technology
A1792748885fe8f2555d9c718ee7ae53?s=48 joytomo
2
360
297a42b94a1bda236982ec1cd81089b6?s=48 mottox2
0
190
F04edc7cb2099745e5413c754d3d22f5?s=48 benoitc
0
110
Ede9c1cd3481df2b1da4749b7fd98950?s=48 tlyu0419
0
100
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
0
170
66ab7440501bcaad37e602c8c9a708db?s=48 yjsong
0
240
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
1
540
D65bdfdd4762c763f71d08fd4d9fa511?s=48 sky_joker
1
450
C8b3d5eaa8c8a490a1530b9b5256a2a9?s=48 kaojiri
7
4.1k
4b2f3a64637b51e81813accbe8a98083?s=48 miura55
0
160
4756285958b3bd553b49ed5ba544ec23?s=48 fasahina
0
340
Bf5ee9059859ed5d855b5ff4680e63e2?s=48 track3jyo
2
160

Featured

See All Featured
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
209
10k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.1k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
78b475797a14c84799063c7cd073962f?s=48 holman
450
140k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
300
40k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
77
270k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
403
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
78b475797a14c84799063c7cd073962f?s=48 holman
293
130k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
117
26k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
43k

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