Discoveries when doing server-side rendering with Ember FastBoot

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

at least for production 1. Remove CORS 2

2. Package diet (aka don't be lazy) Bower > ember-cli-*frontendlib*
(unfortunately) no app.import() support for npm in ember-cli 4

3. Watch your `window` and `document` - localStorage - custom
AJAX calls - component hooks - frontend libraries - ember-cli-browserify 6

4. fetch() caveats + fetch-mock 7

5. PM2 + fastboot- express-middleware Auto-restart / crash recovery logging
solution Cluster mode Monitoring resources + stats 9

$ node fastboot.js 10

6. najax story Fastboot is still alpha 11

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

8. SEO Tags Meta tags have to be dynamic Social
media tags Domain/locale awareness 14

head.hbs 15

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

10. Embed everything! 18

11. Testing with embeds 21

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

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

24 https://gist.github.com/izelnakri/ 7a171ae7d639dbcf50255a2af51fe509 mirage/conﬁg.js:

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

Questions? Thanks Izel Nakri 26

Discoveries when doing server-side rendering wi...

Discoveries when doing server-side rendering with Ember FastBoot

Izel Nakri

Other Decks in Programming

Featured

Transcript

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

at least for production 1. Remove CORS 2

3

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

5

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