Alexander Lichter
Web Engineering Consultant • Founder • Nuxt team • Speaker
WeAreDevelopers - 25.11.2021
Alexander Lichter
Nuxt.js Core Maintainer
@TheAlexLichter
Web Dev Consultant
@TheAlexLichter
2
@TheAlexLichter
2
+ vue router + (+ vuex)
2
4
@TheAlexLichter
Why not "just use Vue"...
@TheAlexLichter
Using Nuxt will make your life as a developer easier
@TheAlexLichter
@TheAlexLichter
3
@TheAlexLichter
3
Why?
@TheAlexLichter
@TheAlexLichter
3
5
unjs
@TheAlexLichter
@TheAlexLichter
@TheAlexLichter
There can be many folders
But you only need an app.vue to get started
@TheAlexLichter
@TheAlexLichter
@TheAlexLichter
SPA
Dynamic SSR
SSG
Build classic Single Page Applications - just one HTML files and lots of static assets
Render HTML on the fly through a running Node.js server
Generate your site at build time (Jamstack!) and provide a fallback for dynamic sites
⌛
⚡
🤝
@TheAlexLichter
CDN
1. Request
2. Return "empty" HTML file + JavaScript
3. Parsing
API
4. Request
5. Response
@TheAlexLichter
Node.js
Server
1. Request
4. HTML + JS
API
2. Request
3. JSON
3. Hydration after
JS download
@TheAlexLichter
Node.js
Server
3. HTML + JS as static files
API
1. Request
2. JSON
@TheAlexLichter
CDN
1. Request
3. Hydration after JS download
@TheAlexLichter
☸️ No need to "reinvent the wheel"
✅ Easy to integrate 3rd party libs
🎣 Hook into workflows of the frameworks on demand
👐🏻 Great to share and open source
@TheAlexLichter
☸️ No need to "reinvent the wheel"
✅ Easy to integrate 3rd party libs
🎣 Hook into workflows of the frameworks on demand
👐🏻 Great to share and open source
https://modules.nuxtjs.org
@TheAlexLichter
@TheAlexLichter
@TheAlexLichter
Nuxt3 is still in beta.
Feel free to give it a spin and tell us:
@TheAlexLichter
@TheAlexLichter
Alexander Lichter
Nuxt.js Core Maintainer
@TheAlexLichter
Web Dev Consultant
By Alexander Lichter
Web Engineering Consultant • Founder • Nuxt team • Speaker