WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Sep 21, 2023

Meet Your New BFF: Backend to Frontend without the Duct Tape

Noam Honig

Stop wasting hours writing fragile API glue code. Learn how a single shared TypeScript entity instantly generates full CRUD endpoints, real-time sync, and unified validation.

Pause
Mute Enter Fullscreen
#1 about 2 min

Characteristics of a data intensive application developer

Prioritizing fast iterative deployments with TypeScript over boilerplate provides essential guardrails for robust enterprise data applications.

#2 about 2 min

Identifying repetitive boilerplate code in basic CRUD applications

Creating separate front-end API connections and back-end models necessitates repetitive synchronization during application scaling.

#3 about 2 min

Turning a frontend application into a full stack application

Converting an isolated single-page application into an integrated environment starts with managing front-end component state efficiently.

#4 about 2 min

Establishing a basic Node Express server with TypeScript

Spinning up an initial Node backend utilizing TypeScript guarantees type-safe routing out of the box.

#5 about 3 min

Configuring shared entities to unify frontend and backend logic

Utilizing standard decorator classes aligns server-side databases with API boundaries from one single unified model.

#6 about 4 min

Consuming backend endpoints using frontend repository query abstractions

Calling repository models automatically handles request formatting to cleanly query database pages within the UI framework.

#7 about 4 min

Transitioning static data fetching to real-time live queries

Migrating standard static fetches to continuous live queries orchestrates real-time event broadcasting to multiple client windows.

#8 about 3 min

Enforcing consistent data validation across the entire stack

Attaching property validation logic inside a unified entity immediately safeguards endpoints against improper network payloads while warning interface users.

#9 about 3 min

Refactoring bulk frontend operations into scalable backend methods

Exposing complex processing loops directly as backend methods reduces infinite client request cascades into a single transaction call.

#10 about 2 min

Replacing local json storage with a postgresql database connection

Swapping local development JSON mock files over to PostgreSQL adapters grounds future development within robust relational schema setups.

#11 about 6 min

Securing entities with declarative authentication and authorization rules

Integrating standard cookie session tokens restricts endpoint visibility natively and simplifies interface security states seamlessly.

#12 about 6 min

Preparing and deploying the full stack application via Railway

Packaging compiled static interfaces directly through hosted application nodes handles domain configurations easily.

#13 about 3 min

Integrating standard openapi documentation and graphql schema capabilities

Injecting standardized GraphQL tools and interactive Swagger docs opens raw operational models instantly for external clients.

#14 about 16 min

Scaling considerations and general framework production readiness implications

Deploying lean application server containers dramatically lowers operating overhead while satisfying immediate architectural pivots across rapid scaling demands.

Matching moments

1:12 min

Choosing TypeScript for complex backend applications

Maximilian Otto Maximilian Otto · World Congress 2024

3:22 min

Developing robust backend applications with the Nest framework

Marius Obert Marius Obert · World Congress 2022

1:09 min

Accelerating development timelines using strictly typed REST APIs

Alexis Yushin Alexis Yushin · World Congress 2024

1:27 min

Utilizing a backend for frontend architecture for data apps

Rahima Yakoob · World Congress 2023

3:05 min

Accelerating frontend development with code templates

Alexandra Petri · World Congress 2023

4:50 min

Addressing backend architectures and code repository structures

Jochen Supper +1 · World Congress 2022

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
19 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
26 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

Build and Deploy a Fullstack App with Open Source Tooling thumbnail
25:53
World Congress 2023 • almost 3 years ago

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Microfrontends at Scale thumbnail
43:20
World Congress 2021 • about 5 years ago

Microfrontends at Scale

Josh Goldberg

End-to-End TypeScript: Completing the Modern Development Stack thumbnail
29:17
World Congress 2025 • about 1 year ago

End-to-End TypeScript: Completing the Modern Development Stack

Marco Podien

But, you're not Facebook thumbnail
31:12
World Congress 2022 • over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned thumbnail
28:13
World Congress 2022 • over 4 years ago

Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned

Nathalia Rus

Contract-First Frontend: Scaling Reliable UIs with OpenAPI and AI thumbnail
31:04
Europe 2026 Virtual • 3 months ago

Contract-First Frontend: Scaling Reliable UIs with OpenAPI and AI

Violina Popova

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.