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
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
190
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
280
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
500
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
書籍執筆での生成AIの活用
Avatar for Satoru Takeuchi sat
PRO
1
230
2人で作ったAIダッシュボードが、開発組織の次の一手を照らした話― Cursor × SpecKit × 可視化の実践 ―　Qiita AI Summit
Avatar for NOBORU ITOU noalisaai
1
280
Web Intelligence and Visual Media Analytics
Avatar for webLyzard technology weblyzard
PRO
1
6.8k
メルカリのAI活用を支えるAIセキュリティ
Avatar for さうす s3h
7
5.3k
re:Inventで見つけた「運用を捨てる」技術。
Avatar for shinji ezaki ezaki
1
160
20260129_CB_Kansai
Avatar for Takuya Yonezawa takuyay0ne
0
220
AI推進者の視点で見る、Bill OneのAI活用の今
Avatar for SansanTech sansantech
PRO
2
270
JuliaTokaiとしてはこれが最後かもしれない(仮) for NGK2026S
Avatar for GOTOH Shunsuke antimon2
0
130
Amazon ElastiCacheのコスト最適化を考える/Elasticache Cost Optimization
Avatar for quiver quiver
0
290
Riverpod3.xで実現する実践的UI実装
Avatar for Fumiya Sakai fumiyasac0921
2
350
セキュリティ はじめの一歩
Avatar for nikinusu nikinusu
0
1.2k
人はいかにして 確率的な挙動を 受け入れていくのか
Avatar for vaaaaanquish vaaaaanquish
4
3.1k

Featured

See All Featured
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
480
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
44
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
3.7k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
420
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k

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]