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
550
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
190
Elasticsearch: From Keyword Search To Data Science
Avatar for Alexander Reelsen spinscale
0
220
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
330
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
540
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
300
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
2026 TECHFRESH 畢業分享會 - AI-Native 重塑軟體工程與虛擬講師
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
スキルと MCP ツール、責務をどう分けるか？ AI が迷わないインターフェース設計の戦略
Avatar for CData Software Japan cdataj
1
1.1k
中期計画、2回作ってみた　～業務委託と正社員、両方の視点から～
Avatar for 株式会社出前館 demaecan
1
890
手塩にかけりゃいいってもんじゃない
Avatar for ming ming_ayami
0
590
FinOps × AIエージェントで実現する コストインシデントの自動調査
Avatar for T.REX oasis1994liveforever
0
150
SONiCのLinuxベースを活かしたZabbix監視
Avatar for SONiC Users Group Japan sonic
0
180
プロダクト開発から業務改善コンサルまで。事業全体へ「染み出す」ことで広がるエンジニアの可能性
Avatar for ham ham0215
0
130
RAG を使わないという選択肢
Avatar for tatsutaka tatsutaka
1
250
2026 TECHFRESH 畢業分享會 - 開發日常大解密！從領域驅動到企業級上線
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
自宅LLMの話
Avatar for Kazuto Kusama jacopen
1
600
AI駆動開発を通して感じた、 AI時代のデザイナーの役割変化
Avatar for WHIsaiyo whisaiyo
3
2.2k
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
Avatar for zhang.william moulongzhang
4
1.1k

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
320
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
310
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
250
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
390
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
530

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]