Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Back in the S.S.R

Back in the S.S.R

Back in the S.S.R: An Intro to Nuxt.js, SSR in Vue.js

Ignacio Anaya

December 20, 2017
Tweet

More Decks by Ignacio Anaya

Other Decks in Programming

Transcript

  1. ! Nacho Anaya @ianaya89 • Full Stack Developer, Tech Trainer

    & Speaker • Embajador @Auth0 • Organizador @Vuenos_Aires Back in the S.S.R - @ianaya89 2
  2. ! Ventajas • SEO • Menor Tiempo de Carga •

    Contenido Más Rapido • Mejor Cacheo • Mas control sobre UX Back in the S.S.R - @ianaya89 16
  3. ! Desventajas • Deploy mas complejo • Algunas restricciones •

    Mas carga en el servidor Back in the S.S.R - @ianaya89 17
  4. ! Numeros 1.0.0-rc11 • ✨ ~8.5K • " 14 Repos

    • # Coverage • ⬇ ~85k Descargas Back in the S.S.R - @ianaya89 20
  5. ! Dependencia package.json { "name": "ssr-app", "version": "1.0.0", "scripts": {

    "dev": "nuxt", "build": "nuxt build", "start": "nuxt start" }, "dependencies": { "nuxt": "^1.0.0-rc11" } } Back in the S.S.R - @ianaya89 21
  6. ! vue-loader Transpilacion - Bundling - HMR - Preprocesadores -

    Linter Back in the S.S.R - @ianaya89 26
  7. ! " " Rutas Está)cas pages/ --| user/ -----| index.vue

    -----| one.vue --| index.vue Back in the S.S.R - @ianaya89 29
  8. ! " # Rutas Dinámicas pages/ --| _slug/ -----| comments.vue

    -----| index.vue --| users/ -----| _id.vue --| index.vue Back in the S.S.R - @ianaya89 30
  9. ! Plugins Liberias - Codigo Isomorfico - Plugins - Filters

    - Mixins - Components Back in the S.S.R - @ianaya89 41
  10. ! Starters Basic - Express - Koa - Adonis -

    TS - PWA Back in the S.S.R - @ianaya89 45
  11. ! Mas! • Nuxt API • next-cli ! • Modulos

    • Express Back in the S.S.R - @ianaya89 48
  12. ! Take Away • ! Aplicaciones Universales • " "Sin"

    Configuracion • # SEO • ⏱ Performance • % Ecosistema Completo Back in the S.S.R - @ianaya89 49