Build and Deploy a Fullstack App with Open Source Tooling

What if your data model, API, and validation rules could all live in one TypeScript class? Build full-stack apps with almost no boilerplate.

#1about 3 minutes

Identifying boilerplate and repetition in full-stack development

Modern full-stack applications often require duplicate code for models, API routes, and validation, which can be simplified by using a single source of truth.

#2about 5 minutes

Building a backend API from a shared entity definition

A shared TypeScript entity decorated with Remult automatically generates a full REST API backend using an Express server.

#3about 3 minutes

Implementing full CRUD operations on the frontend

The Remult repository provides a type-safe client for fetching, filtering, creating, updating, and deleting data with minimal code.

#4about 1 minute

Adding real-time data synchronization with live queries

Replace a standard data fetch with a live query subscription to automatically push real-time data changes to the user interface.

#5about 1 minute

Defining validation rules in a single source of truth

By adding validation logic directly to the shared entity, rules are automatically enforced on both the client-side and the server-side API.

#6about 3 minutes

Refactoring frontend logic into efficient backend methods

Use the @BackendMethod decorator to move complex or data-intensive operations from the frontend to the backend, reducing network calls.

#7about 1 minute

Migrating from a local JSON file to a Postgres database

Switch the data provider in the backend configuration to seamlessly transition from a development JSON database to a production-ready PostgreSQL database.

#8about 3 minutes

Securing the API with authentication and authorization rules

Define access control rules, such as requiring authentication or specific user roles, directly on the entity to secure data and conditionally render UI.

#9about 2 minutes

Preparing and deploying the full-stack app to the cloud

Configure the application for deployment using environment variables and serve static files to deploy it to a cloud platform like Railway.

#10about 2 minutes

Exploring Remult's compatibility with other frameworks

Remult integrates with various frontend frameworks, backend servers, and databases, and can be extended to generate GraphQL or OpenAPI specifications.

#11about 3 minutes