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

Introduction into Harp

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Alexander Reelsen Alexander Reelsen
December 04, 2014
Technology
540
1

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

More Decks by Alexander Reelsen

See All by Alexander Reelsen
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
180
Elasticsearch: From Keyword Search To Data Science
Avatar for Alexander Reelsen spinscale
0
210
Evolving Search at an ecommerce marketplace
Avatar for Alexander Reelsen spinscale
0
260
The new generation of data stores
Avatar for Alexander Reelsen spinscale
0
320
Search Evolution - Keeping up with the hype?
Avatar for Alexander Reelsen spinscale
0
430
Mirror mirror... what am I typing next?
Avatar for Alexander Reelsen spinscale
0
530
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
290
Elasticsearch: Distributed Search Under the Hood
Avatar for Alexander Reelsen spinscale
0
200
Working distributed - but how?
Avatar for Alexander Reelsen spinscale
0
260

Other Decks in Technology

See All in Technology
Java正規表現エンジン（NFA）の仕組みと パフォーマンスを維持するための最適化手法
Avatar for 竹内 雅和 takeuchi_132917
0
140
Fabric-cicd によるAzure DevOps デプロイ
Avatar for Ryoma Nagata ryomaru0825
0
120
さきさん文庫の書籍ができるまで
Avatar for H.Saki sakiengineer
0
300
Javaコミュニティをもっと楽しむための9箇条
Avatar for Sugiyama Takaaki takasyou
0
450
個人AIからチームAIへ：開発における品質と生産性の再設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
290
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
15
7.7k
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
320
Datadog 認定試験の概要と対策
Avatar for Uechi Shingo uechishingo
0
180
ルールやカスタム機能、どう使う？理想の出力を引き出すために今知りたいIBM Bob 5つの機能
Avatar for mu (Mizuho Uehara) muehara
0
120
基礎から解説！Icebergで紐解くSnowflake×Databricks連携の現在地
Avatar for TomokiYasuhara cm_yasuhara
0
380
APIテストとは？
Avatar for 草薙昭彦 nagix
0
140
JJUG CCC 2026 Spring　AI時代の開発こそ標準化を武器に！ ― 方式・プロセス・プラットフォームの標準化
Avatar for WatanabeShun s27watanabe
2
600

Featured

See All Featured
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
270
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.9k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.3k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
230
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
360
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.7k

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]