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

Introduction into Harp

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Alexander Reelsen Alexander Reelsen
December 04, 2014
Technology
1
520

Introduction into Harp

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

Avatar for Alexander Reelsen

Alexander Reelsen

December 04, 2014
Tweet

More Decks by Alexander Reelsen

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

Other Decks in Technology

See All in Technology
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
920
データ民主化のための LLM 活用状況と課題紹介（IVRy の場合）
Avatar for 和田 悠佑 wxyzzz
2
700
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.4k
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
150
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
280
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
210
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
180
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
180
超初心者からでも大丈夫！オープンソース半導体の楽しみ方〜今こそ！オレオレチップをつくろう〜
Avatar for Yamada3 keropiyo
0
110
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
840
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
300
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130

Featured

See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
93
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
160
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
330
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
210
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190

Transcript

  1. Alexander Reelsen @spinscale [email protected] 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 [email protected]