NUXT.JS WORKSHOP

Sébastien Chopin – author of Nuxt.JS
13.-14. November 2019 – Hilton Double Tree, Košice

https://join.slack.com/t/nuxteastcode/shared_invite/enQtODM0MjMyNDUyNzkxLWMxYmFmMDE2ZTY0ODdiMjRiZTYwODQ2Mzk1NDYyYzg1MDlhY2QxNzYxYmVlYzFjYmY4ZGU2Mjg5MzNmMzgyMjQ

– Introduction – Why Nuxt.js is the perfect fit for your next (or existing) Vue application – Nuxt.js Introduction and Overview – Features and Limitations

– File based routing
– Vuex and the new module mode
– Layouts
– Exercise – Complete the workshop project

– SSR vs. SPA mode – When to use which mode

– Comparison of the mode
– Use cases for SSR and SPA
– Dynamically change mode based on the route

– Nuxt plugins – The pinch of salt in the soup

– Capabilities, typical use cases and best practices when using plugins – `inject` ing custom logic
– organize API calls in Nuxt with repositories and Nuxt plugins
– Include global components

– Exercise – Improve our workshop project with Nuxt plugins – Nuxt Modules – Decouple and Encapsulate recurring logic

– Nuxt Hooks – Alter the framework behavior – Module Structure

– Templating in modules
– Registering plugins
– Altering the nuxt.config.js
– Exercise – Let’s build our own Nuxt Module

– Nuxt and the JAMstack: Static Site Generation

– What is JAMstack
– Benefits and Opportunities
– Caveats with Nuxt.js
– Full static mode
– Deployment to Netlify
– Exercise – Deploy the workshop project to Netlify

– Profile and analyze your application

– Webpack Analyzer and Bundle Buddy
– Lighthouse audit “the right way”
– CI with lighthouse bot
– Exercise – Analyze the workshop app and make some improvements