Transformando meu site pessoal em PWA com Nuxt

Transcript

1. Transformando um site pessoal em PWA com Nuxt
2. Sou Emanuel Gonçalves, Analista Web na Decision6. Sou cristão, amante de conteúdos relacionados a filosofia e política e entusiasta de Vuejs e Nodejs. Um aprendiz em Haskell
3. O que é o Nuxt? E qual problema ele veio resolver?
4. The 25th of October 2016, the team behind zeit.co, announced Next.js, a framework for server-rendered React applications. A few hours after the announcement, the idea of creating server-rendered Vue.js applications the same way as Next.js was obvious: Nuxt.js was born.
5. Nuxt é um framework para Aplicações Vuejs Universais. Mas o que seria uma aplicação Universal? Conheça o SSR
6. O que SSR?
7. Renderização do lado do servidor é uma tecnologia que permite frameworks de componentes (Vuejs, React) renderizarem seus componentes no server e servir páginas html que serão posteriormente usadas com todo o poder da aplicação.
8. Qual necessidade SSR veio resolver?
9. SEO - Search Engine Optimization
10. Mas desenvolver usando SSR não é simples
11. O template do Nuxt - Características
13. • Muito simples • Não possui arquivos de configuração extensos • Já possui uma filosofia própria
14. Em que tipos de projetos o Nuxt pode ser interessante?
15. O que é uma PWA?
16. Características • Funciona offline • E responsiva • E progressiva • Tem uma cara de app. Exemplo: splash screen • Está se tornando um novo paradigma no desenvolvimento web
17. Como incorporar ao Nuxt?
18. Existe um template oficial pwa com Nuxt, o @nuxtjs/pwa
19. Meu site final https://emanuelgdev.com.br/
20. Texto no Medium sobre o tema: https://medium.com/@Emanuel_G/transf ormando-o-meu-site-em-pwa-com-nuxt-5 bd33551a5e1
21. Fim. Muito obrigado :)
22. Contate-me • Github: emanuelgsouza • Twitter: EmanuelGDev • Site: emanuelgdev.com.br