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
170

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
73
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
280
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
67
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
53
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
310
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
4
660
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
94
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
330
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
280

Other Decks in Technology

See All in Technology
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
2
210
3b02ffcc638b9cde6cb1bb458a926b15?s=48 yukiarrr
1
330
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
0
1k
D5e41f085758da619761b10b6c54e6af?s=48 chikuta
0
290
5e25aec60358948cd53cfcdfd3714c6b?s=48 weblyzard
1
2.2k
2f73f93f91c4401b0baf12029226a681?s=48 tobachi
0
3.2k
71c9ebde850996d2533c5df4df2c93c6?s=48 opdavies
0
2.5k
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
0
200
325ce6fcd0a74ff78990b8632817da55?s=48 yukihirochiba
0
2.7k
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.6k
Ddac93a4fdff089ff3c641b7c1d02255?s=48 imdigitallab
0
650
C38fdebd15fe45a85299d6add2fb2810?s=48 blocknoisegenji
0
130

Featured

See All Featured
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
57
5.5k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
61k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
108
14k
79acae287842acf29084005533a7fb3b?s=48 hursman
108
9.3k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
104
6.3k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
312
21k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
146
20k
78b475797a14c84799063c7cd073962f?s=48 holman
448
140k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
217
16k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
7.9k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
657
54k

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