How to simplify web development and reduce JS Fatigue

Today, if you want to make a web app, you need to know bundlers, JS frameworks, NPM, Node.js, CSS frameworks, configure everything and hope that it will last enough before refactoring it (again). Nuxt.js let you start directly from the fun part: writing files. Each file has a purpose and let you focus on your application by following simple conventions. The whole will be optimised and ready for production, because that's how easy it should be to write web apps and websites, like back in the 2000's.

Transcript

1. How to simplify web development and reduce JS FATIGUE?
2. How to simplify web development and reduce JS FATIGUE?
3. SEBASTIEN CHOPIN Atinux “JS" EXPERIENCE
4. "Frameworks are not tools for organizing your code, they are tools for organizing your mind." — Rich Harris
5. The Vue.js Framework
6. { } + vue-router (vuex) + 4 7 + + <no-ssr> { + 7 } + 2
7. MAKE IT SIMPLE nuxt_js File system routing Directory structure to follow nuxt build to bundle for production
 (transpile + minify)
8. FILE SYSTEM ROUTING nuxt_js .nuxt/router.js
9. NUXT DISTRIBUTIONS nuxt_js nuxt-ts experimental nuxt-legacy node < 8 nuxt-start production: 8.23MB* *-edge bleeding edge github.com/nuxt/nuxt.js/tree/dev/distributions nuxt development: 68.4MB* * installation size
10. LIGHT APPLICATIONS nuxt_js 58KB minified+gzip Pages are code-splitted by default Renders critical page-level CSS
11. FAST APPLICATIONS nuxt_js Resources preload + HTTP2 Push support Compression middleware + ETAG + Caching serve-placeholder + Smart prefetching
12. SECURE APPLICATIONS nuxt_js Content Security Policy with render.csp Server bundle isolation + Context isolation NPM Audit + Renovate Bot + Security patches
13. LIVE CODING nuxt_js
14. nuxt_js nuxt-frontconf.surge.sh github.com/Atinux/nuxt-frontconf-2019
15. WHO ARE WE? nuxt_js
16. WORLDWIDE TEAM nuxt_js SEBASTIEN CHOPIN French / English Atinux POOYA PARSA (اسراپ ایوپ) Persian / English _pi0_ ALEXANDER LICHTER German / English TheAlexLichter DMITRY MOLOTKOV (Дзмітрый Малаткоў) Belorussian / Russian / English aldarund KEVIN MARREC French / English K_Marrec CLARK DU (杜欣) Chinese / English ClarkDu_ JONAS GALVEZ Portuguese / English anothergalvez ALEXANDRE CHOPIN French / English _achopin
17. NUXT REACTIVITY nuxt_js Issues 97 % 3 % Open Closed 4108 issues PRs 18 % 81 % 1 % Open Merged Closed 1402 pull requests Commit activity
18. NUXT MEETING nuxt_js Once a week Video Call
19. NUXT ADOPTION nuxt_js NPM downloads since 2 years
20. COMPANIES TRUSTING US nuxt_js And more
21. KEEP IN TOUCH nuxt_js @nuxt_js github.com/nuxt/nuxt.js discord.nuxtjs.org
22. THANK YOU