Palestra do segundo meetup Frontend-CE sobre Vue.js

1. VUE + SSR
O mundo dos sonhos

2. About me
Gabriel Bibiano - Front-End developer at Via Varejo S.A
github.com/gabrielbibiano
linkedin.com/in/gabriel-bibiano
@gabrielbibiano

5. Ecossistema
● Vue Router
● Axios || Vue Resource
● Vuex (like Flux)

6. Server Side Rendering
● Vue Server Render
● Nuxt

8. No início, tudo era mato
tudo era estático
Primeira era:

9. Tudo no servidor
Segunda era:

10. Tudo se repete a cada
requisição (postback)
Terceira era:

11. Tudo se repete a cada
requisição (postback)
:(
Terceira era:

12. AJAX
Quarta era:

13. Vamos fazer tudo no
client :) - SPA
Quarta era:

14. 2012

15. HOW IT WORKS?

17. SERVICES
SERVER
REST API
BROWSER
SPA
RENDERING
SERVER
ISOMORPHIC
CODE
RENDERING
BROWSER

18. Client Side Rendering

19. https://vue-hn.now.sh/

20. https://nuxtjs.org

22. VUE SERVER RENDERER

23. PRÓS:
● SEO
● Redução de tráfego
● Segurança (CSP headers)
● UX
● Time to content

25. Obrigado!
God bless u :D