The Laravel developer's guide to Vue SPAs
summary
Built Giftee Duck as a Vue SPA on Laravel Vapor, the talk gives concrete patterns: use Laravel Passport cookies (HTTP-only) for auth and an Axios interceptor to handle expiry; manage client state with Vuex flattened store and store base64 avatars to avoid image flicker; use a router navigation guard to make modals respect the back button; reduce bundle size by swapping moment for date-fns, saving 261 KB saved minified. Slides: https://laracon.com.au/slides/2019/jess-archer.pdf
AI-written summary · about
chapters (14)
- 0:00Start
- 2:38Single Page Application
- 4:05Why not build an SPA?
- 4:32Easy to harm user experience and accessibility
- 4:46Hard to optimise for search engines
- 5:25SPA Authentication
- 5:55OAuth Primarily intended for third-party auth
- 7:23Why short access tokens and refresh regularly?
- 7:48JWT JSON Web Tokens
- 8:56Cookies!
- 9:15Cookies marked HttpOnly cannot be accessed by JavaScript
- 12:04State Management
- 16:28Freedom can be paralysing in software development
- 18:29Structuring your data on the front end
