Discoveries when doing server-side rendering with Ember FastBoot

Transcript

1. Izel Nakri Software Developer - GUTS Tickets Server-side rendering with FastBoot 1
2. at least for production 1. Remove CORS 2
4. 2. Package diet (aka don't be lazy) Bower > ember-cli-*frontendlib* (unfortunately) no app.import() support for npm in ember-cli 4
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
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
14. 8. SEO Tags Meta tags have to be dynamic Social media tags Domain/locale awareness 14
15. head.hbs 15
17. 9. n+1 requests 1. links reference 2. coalasceFindRequests 3. embedding 17
18. 10. Embed everything! 18
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