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

Discoveries when doing server-side rendering wi...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Izel Nakri Izel Nakri
April 25, 2017
Programming
0
300

Discoveries when doing server-side rendering with Ember FastBoot

Avatar for Izel Nakri

Izel Nakri

April 25, 2017
Tweet

Other Decks in Programming

See All in Programming
Feature Toggle は捨てやすく使おう
Avatar for gennei gennei
0
370
モダンOBSプラグイン開発
Avatar for Kaito Udagawa umireon
0
180
Mastering Event Sourcing: Your Parents Holidayed in Yugoslavia
Avatar for Marek Matulka super_marek
0
120
Windows on Ryzen and I
Avatar for 瀬尾佳隆 seosoft
0
410
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.3k
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
200
ネイティブアプリとWebフロントエンドのAPI通信ラッパーにおける共通化の勘所
Avatar for Suguru Ohki suguruooki
0
210
Everything Claude Code OSS詳細 — 5層構造の中身と導入方法
Avatar for techs-targe targe
0
150
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
4.6k
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.3k
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
340
Rethinking API Platform Filters
Avatar for Vincent Amstoutz vinceamstoutz
0
1.1k

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.2k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
290
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
190
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
91

Transcript

  1. Izel Nakri Software Developer - GUTS Tickets Server-side rendering with

    FastBoot 1

  2. at least for production 1. Remove CORS 2

  3. 3

  4. 2. Package diet (aka don't be lazy) Bower > ember-cli-*frontendlib*

    (unfortunately) no app.import() support for npm in ember-cli 4

  5. 5

  6. 3. Watch your `window` and `document` - localStorage - custom

    AJAX calls - component hooks - frontend libraries - ember-cli-browserify 6

  7. 4. fetch() caveats + fetch-mock 7

  8. 8

  9. 5. PM2 + fastboot- express-middleware Auto-restart / crash recovery logging

    solution Cluster mode Monitoring resources + stats 9

  10. $ node fastboot.js 10

  11. 6. najax story Fastboot is still alpha 11

  12. 7. Ember routing model + RSVP.hash() 12

  13. 13

  14. 8. SEO Tags Meta tags have to be dynamic Social

    media tags Domain/locale awareness 14

  15. head.hbs 15

  16. 16

  17. 9. n+1 requests 1. links reference 2. coalasceFindRequests 3. embedding

    17

  18. 10. Embed everything! 18

  19. 19

  20. 20

  21. 11. Testing with embeds 21

  22. 11. Testing with embeds mirage/serializers/user.js : 22

  23. mirage/serializers/person.js: mirage/serializers/users.js: 23

  24. 24 https://gist.github.com/izelnakri/ 7a171ae7d639dbcf50255a2af51fe509 mirage/config.js:

  25. 12. Authentication with FastBoot (very hard problem) 25 this.get('fastboot.request.cookies') this.get('fastboot.request.headers')

    ETags! (WIP)

  26. Questions? Thanks Izel Nakri 26