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

Discoveries when doing server-side rendering wi...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
220
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
200
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
2
420
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
980
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k
Oxlint JS plugins
Avatar for kazupon kazupon
1
980
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
310
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
4.3k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
78
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Visualization
Avatar for Eitan Lees eitanlees
150
17k

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