Patterns for Large Scale Vue.js Applications
summary
A checklist of seven specific tips that actually change how a codebase feels: use community standards and Pinia/Vite, enable Volar + ESLint/Prettier, prefer TypeScript because it makes refactors measurably safer, adopt Nuxt3 so Nuxt3 auto-imports pages/components and enforces file conventions, name routes for CRUD resources, wrap flaky third‑party libs (example: wrap Axios so you can swap to fetch in one file), and use SDKs like Supabase which provide Supabase type generation for end‑to‑end typing.
AI-written summary · about
chapters (8)
- 0:00Intro
- 1:13Predictability: Standards are Key
- 6:19Take full advantage of your IDE
- 10:35File Structure
- 12:10Route Naming Convention
- 13:28Wrap 3rd Party Code
- 15:33Interact with Backends with an SDK
- 17:20Prefer the Composition API
related talks
37mPatterns for Large Scale Vue.js Applications
48mPatterns for Large Scale Vue JS Applications
24mPatterns for Large Scale Vue.js Applications
32mUnderstand the hard parts of Nuxt
30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super to
31mCommon Mistakes in Vue and Nuxt and How to Avoid Them
25mPrinciples for Scaling Frontend Application Development
22mWays to architecture your vue/nuxt app