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 · WWC 2024

3:22 min

Developing robust backend applications with the Nest framework

Marius Obert Marius Obert · WWC 2022

1:09 min

Accelerating development timelines using strictly typed REST APIs

Alexis Yushin Alexis Yushin · WWC 2024

1:27 min

Utilizing a backend for frontend architecture for data apps

Rahima Yakoob · WWC 2023

3:05 min

Accelerating frontend development with code templates

Alexandra Petri · WWC 2023

4:50 min

Addressing backend architectures and code repository structures

Jochen Supper +1 · WWC 2022

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

API = Some REST and HTTP, right? RIGHT?!

Rustam Mehmandarov

Passionate computer scientist

Rustam Mehmandarov
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood

Related videos

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

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

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

Microfrontends at Scale

Josh Goldberg

End-to-End TypeScript: Completing the Modern Development Stack thumbnail
29:17
WWC 2025 • 12 months ago

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

Marco Podien

But, you're not Facebook thumbnail
31:12
WWC 2022 • about 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
WWC 2022 • about 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 • about 1 month 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.