Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Introduction into Harp

Avatar for Alexander Reelsen Alexander Reelsen
December 04, 2014
Technology
1
510

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
220
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
400
Mirror mirror... what am I typing next?
Avatar for Alexander Reelsen spinscale
0
490
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
260
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
840

Other Decks in Technology

See All in Technology
AWS Bedrock AgentCoreで作る 1on1支援AIエージェント 〜Memory × Evaluationsによる実践開発〜
Avatar for Yusuke Shimizu yusukeshimizu
6
400
20251209_WAKECareer_生成AIを活用した設計・開発プロセス
Avatar for syobochim syobochim
7
1.5k
グレートファイアウォールを自宅に建てよう
Avatar for 綿糸てせ ctes091x
0
150
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
Avatar for emi emiki
0
170
品質のための共通認識
Avatar for KAKEHASHI kakehashi
PRO
3
260
RAG/Agent開発のアップデートまとめ
Avatar for sakai taka0709
0
180
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
700
.NET 10の概要
Avatar for tomokusaba tomokusaba
0
110
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
Avatar for Issei Naruta mirakui
4
450
意外とあった SQL Server 関連アップデート + Database Savings Plans
Avatar for Takuya Shibata stknohg
PRO
0
320
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
Avatar for tomoki10 tomoki10
0
480
寫​了​幾年​ Code，​然後​呢？​軟體​工程師​必須重新​認識​的​ DevOps
Avatar for Cheng-Wei Chen cheng_wei_chen
1
1.4k

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k

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]