Unpoly to Take Back Control!
summary
A server-rendered voting site for a 30-day contest handled 5,000 visits, 25,000 votes and 45,000 emails without a separate React frontend or API by using Unpoly: a single small JavaScript library that adds about 25 HTML attributes (e.g., up-target, up-scroll, up-layer, up-data, preload) to swap fragments via XHR, preload and cache pages, run callbacks to initialize charts, preserve scroll and URL state, and show modals. The approach emphasizes Rails/Laravel/Symfony-style server rendering to achieve substantial UX improvements while keeping deployment and architecture much simpler than a full SPA plus API stack.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 6:59Classic stack problems
- 10:08What is Unpoly?
- 11:30Basic demo
- 17:29UX improvements
- 21:22Forms and templates
- 26:33Request optimization
- 28:47Progressive enhancement
- 29:51Conclusion
related talks
31mUnpoly - Single Page Experience with Server-Side Rendering
31mReact Server Components Elevating Speed, Interactivity, and User Experience
24mServing content on the web: from PHP to RSC—and beyond
43mFast Backends for Faster Frontends
47mOptimize the frontend by running your own polyfill.io server
22mBringing Back Progressive Enhancement
21mYou Really Don't Need All That JavaScript, I Promise
30mReact Union Write once, plug anywhere