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
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.9k
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.3k
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
460
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
0
210
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Design in an AI World
Avatar for tapps tapps
0
140
How to make the Groovebox
Avatar for あそなす asonas
2
1.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k

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