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

Introduction into Harp

Alexander Reelsen
December 04, 2014
Technology
1
270

Introduction into Harp

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

Alexander Reelsen

December 04, 2014
Tweet

More Decks by Alexander Reelsen

See All by Alexander Reelsen
The New Generation of Data Stores
spinscale
0
48
Elasticsearch: Distributed Search Under the Hood
spinscale
0
73
Working distributed - but how?
spinscale
0
100
Implementing a custom aws lambda runtime using Crystal
spinscale
0
470
Elasticsearch Ingest Processors
spinscale
0
95
Open Source as a Business
spinscale
1
99
Inside The Elastic Stack - Testing and Releasing a Well Known Open Source Stack
spinscale
1
430
Elasticsearch - Securing a search engine while maintaining usability
spinscale
4
810
Introduction into the Elastic Stack
spinscale
0
110

Other Decks in Technology

See All in Technology
230125 古いタブレットの活用 かーでぃさん
comucal
PRO
0
15k
AWS re:Invent 2022で発表された新機能を試してみた ～Cloud OperationとSecurity～ / New Cloud Operation and Security Features Announced at AWS reInvent 2022
yuj1osm
1
190
メドレー エンジニア採用資料/ Medley Engineer Guide
medley
3
5.1k
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
490
日経電子版だけじゃない！ 日経の新規Webメディアの開発 - NIKKEI Tech Talk #3
sztm
0
270
OpenShiftのリリースノートを整理してみた
loftkun
2
320
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
3
710
「一通りできるようになった」その先の話
hitomi___kt
0
120
書籍を書きました。 そう、VS Codeで。
takumanakagame
4
4.1k
2022年に起きたフロントエンドの変化
sakito
29
17k
創業1年目のスタートアップでAWSコストを抑えるために取り組んでいること / How to Keep AWS Costs Down at a Startup
yuj1osm
3
2.1k
SPA・SSGでSSRのようなOGP対応！
simo123
2
150

Featured

See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
317
22k
Happy Clients
brianwarren
90
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
24
4.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
226
130k
What the flash - Photography Introduction
edds
64
10k
The Mythical Team-Month
searls
210
40k
Making Projects Easy
brettharned
102
4.8k
Bash Introduction
62gerente
601
210k
Fireside Chat
paigeccino
16
1.8k
Unsuck your backbone
ammeep
659
56k
Agile that works and the tools we love
rasmusluckow
320
20k
How GitHub Uses GitHub to Build GitHub
holman
465
280k

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]