Meet Your New BFF: Backend to Frontend without the Duct Tape
summary
Front-end only React to‑do turns into a working full‑stack app in about 30 minutes using remot, Vite and Express, first with a JSON file DB then swapped to Postgres. Demo shows end‑to‑end type safety and single‑source validations, server‑side paging/filtering, SSE live query updates, backend methods that collapse many PUTs into one, cookie‑session auth with roles, an auto admin UI and Swagger. Most features run live; a data migration step wipes the prototyping tasks.
AI-written summary · about
chapters (21)
- 0:00Introduction to the talk and speaker
- 1:15Speaker introduction and session overview
- 3:01Common frontend-backend duplication challenges
- 7:12Introducing Remote for single source of truth
- 8:15Live coding setup and React to-do app
- 11:04Creating the backend with Express
- 13:14Defining the Task entity with Remote
- 16:31Connecting frontend to backend API
- 18:38Backend paging sorting and filtering
- 20:46Implementing CRUD operations
- 22:57Adding real-time updates with live queries
- 24:21Validation across frontend and backend
- 26:53Moving frontend logic to backend methods
- 30:52Switching from JSON to PostgreSQL
- 33:28Adding authentication to the API
- 37:25Implementing role-based access control
- 39:55Reflecting access rules in the UI
- 40:59Remote compatibility with frameworks and databases
- 42:46Quick demo of admin UI and Swagger
- 44:52Summary and key takeaways
- 45:57Q&A and closing remarks
related talks
29mThe Front-end Takeover
11mFrontend Development With BFF (Backend for Frontend)
58mFrontin' like a Back-er
49mTaming the Wild Wild West of Next-Gen Front-End Apps
43mFast Backends for Faster Frontends
45mDo Frontend Devs dream of Backend functions?
01h 07mModern Frontend Engineering
26mAccelerating your product launch through tech decisions