WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Oct 23, 2023

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Tired of writing repetitive fullstack boilerplate? Stop syncing frontend and backend data models manually. Generate API endpoints instantly for secure React apps using open-source tools.

Pause
Mute Enter Fullscreen
#1 about 4 min

Addressing fullstack boilerplate with a single source of truth

Traditional fullstack applications require repetitive logic and types across boundaries, which can be centralized to prevent duplication.

#2 about 3 min

Adding an Express backend to a Vite React app

Configuring a singular Vite server instance to process both a React frontend and a Node backend streamlines fullstack configurations.

#3 about 3 min

Defining centralized data entities for automatic REST APIs

Applying decorators to shared TypeScript schemas generates fully functional backend CRUD endpoints without hand-writing repeated boilerplate.

#4 about 2 min

Querying strongly typed data directly from the frontend

Frontend repository definitions enable type-safe backend data queries including limits, paging, and field sorting natively.

#5 about 1 min

Executing data mutations through a shared repository interface

Built-in repository methods eliminate redundant HTTP fetch setups by executing saving and deletion requests directly through the shared model.

#6 about 1 min

Implementing live queries and subscriptions for user interfaces

Transitioning static data fetches to active subscription listeners prevents state desynchronization when continuous clients modify remote records.

#7 about 2 min

Sharing explicit cross-stack validation rules automatically

Defining localized constraint logic inside the centralized entity guarantees identical requirement evaluations on both the view interface and API routes.

#8 about 3 min

Optimizing batch operations using custom server methods

Porting excessively repetitive frontend loops into dedicated backend handlers prevents severe network latency and request scaling issues.

#9 about 2 min

Migrating from local JSON storage to relational databases

Merging a proper provider configuration transitions application persistence away from volatile prototype storage directly into active PostgreSQL instances.

#10 about 4 min

Binding authentication and role visualization to shared schemas

Embedding granular permission logic directly into the schema explicitly blocks unauthorized data manipulation and masks forbidden UI elements.

#11 about 3 min

Deploying the application build with cloud environment variables

Tying static code ports and database URLs to external cloud parameters simplifies persistent host networking and ongoing CI pipelines.

#12 about 5 min

Expanding framework compatibility and production deployment use cases

Agnostic entity design adapts naturally to edge deployment structures, interchangeable component layers, and automatic protocol generations without rewriting foundational setups.

Matching moments

3:05 min

Accelerating frontend development with code templates

Alexandra Petri · World Congress 2023

5:08 min

Overcoming challenges of scaling legacy monolithic frontend applications

Josh Goldberg · World Congress 2021

2:36 min

Modern application stacks and real-time data requirements

Tim Faulkes · LIVE

3:22 min

Developing robust backend applications with the Nest framework

Marius Obert Marius Obert · World Congress 2022

2:02 min

Demonstrating the challenges of live production deployment and rollbacks

Luca Mezzalira Luca Mezzalira · World Congress 2024

3:20 min

Architecting the platform with modern cloud and mobile technologies

Tom George · LIVE

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
almost 3 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
almost 3 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
almost 3 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
almost 3 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
almost 3 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Related videos

Meet Your New BFF: Backend to Frontend without the Duct Tape thumbnail
51:04
LIVE • about 3 years ago

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

Noam Honig

Lessons learned from building a thriving Vue.js SaaS application thumbnail
30:02
World Congress 2025 • about 1 year ago

Lessons learned from building a thriving Vue.js SaaS application

Abdelrahman Awad

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

Microfrontends at Scale

Josh Goldberg

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
World Congress 2023 • about 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

Building Apps With a Mixture of Code and No Code thumbnail
36:33
LIVE • almost 6 years ago

Building Apps With a Mixture of Code and No Code

Mark Piller

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams thumbnail
45:31
LIVE • about 5 years ago

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams

Dávid Lévai

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.