Introduction into Harp

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

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
55
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
210
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
57
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
45
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
250
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
4
590
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
0
85
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
280
D5cd900453405c985e97c63e9f92061d?s=48 spinscale
1
270

Other Decks in Technology

See All in Technology
F400611942a8b7a695f741f9a720fcf8?s=48 koooootake
8
670
344128574661d939ea4cfe969823b774?s=48 syamauchi
0
120
E4e01fb8b7105e61e3876224139503ab?s=48 niw
10
330
Ad22fcf5773b906c08330f4d57242212?s=48 inductor
0
110
847a328633b1df6b11cc2f72430025e6?s=48 ks91
0
170
467edb2e221a47426f19405f53aa51ca?s=48 nakaly
4
2.5k
A35557d139d8d53246763a01ec847a3f?s=48 kichiemon
3
200
55c9804c185f493816433678393cbe92?s=48 sumihiro3
0
150
5bbbb20da49b1f802af50b0f17a4f31f?s=48 miuranobuki
0
970
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1k
0e742980c48d689f31700b208f22fd5a?s=48 k_koheyi
1
130
B29f42636a5f1249b640473d49aa4514?s=48 linedevth
1
150

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
14k
11c84dff30266b907714802088852677?s=48 jasonvnalue
80
7.9k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
24fc194843a71f10949be18d5a692682?s=48 gr2m
82
11k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
6
620
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
20k
78b475797a14c84799063c7cd073962f?s=48 holman
459
270k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.3k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k

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