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

Introduction into Harp

Alexander Reelsen
December 04, 2014
Technology
1
460

Introduction into Harp

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

Alexander Reelsen

December 04, 2014
Tweet

More Decks by Alexander Reelsen

See All by Alexander Reelsen
Elasticsearch: From Keyword Search To Data Science
spinscale
0
100
Evolving Search at an ecommerce marketplace
spinscale
0
120
The new generation of data stores
spinscale
0
220
Search Evolution - Keeping up with the hype?
spinscale
0
340
Mirror mirror... what am I typing next?
spinscale
0
430
The New Generation of Data Stores
spinscale
0
200
Elasticsearch: Distributed Search Under the Hood
spinscale
0
160
Working distributed - but how?
spinscale
0
170
Implementing a custom aws lambda runtime using Crystal
spinscale
0
690

Other Decks in Technology

See All in Technology
AIエージェント元年@日本生成AIユーザ会
shukob
1
200
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
600
OPENLOGI Company Profile for engineer
hr01
1
20k
EDRの検知の仕組みと検知回避について
chayakonanaika
11
4.8k
依存パッケージの更新はコツコツが勝つコツ！ / phpcon_nagoya2025
blue_goheimochi
3
210
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
230
ESXi で仮想化した ARM 環境で LLM を動作させてみるぞ
unnowataru
0
170
【５分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
18k
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
350
あなたが人生で成功するための 5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
280
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
Cracking the Coding Interview 6th Edition
gdplabs
14
28k

Featured

See All Featured
Building Applications with DynamoDB
mza
93
6.2k
The World Runs on Bad Software
bkeepers
PRO
67
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
How to train your dragon (web standard)
notwaldorf
91
5.9k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
7.1k
Writing Fast Ruby
sferik
628
61k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Site-Speed That Sticks
csswizardry
4
400

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