We're excited to share something we've been working on: a complete fullstack application example showing how RESTHeart Cloud works as a backend for any frontend framework.

Fullstack Application Example

One Backend, Any Framework

The example demonstrates a key principle: RESTHeart Cloud is your backend platform, ready to support whatever frontend you choose to build with.

We've implemented the same product search application three different ways:

  • React - Popular component-based library
  • Vue - Modern progressive framework
  • Angular - Full-featured framework

All three connect to the same RESTHeart Cloud backend. Same APIs. Same authentication. Same data. Different frameworks, same powerful backend supporting them.

What the Example Demonstrates

This isn't a "hello world" demo. It's a practical application showing features you'll actually build:

Product Search and Filtering

  • Real-time search as you type
  • Filter by price range
  • Category-based filtering
  • Responsive design that works everywhere

MongoDB Queries Made Simple

  • Text search with $regex operators
  • Range filtering with $gte and $lte
  • Complex queries without writing backend code

Ready-to-Use Backend

  • REST APIs working out of the box
  • Authentication and permissions configured
  • Data persistence handled
  • Real-time capabilities when you need them

Start Building

The example includes everything you need:

Complete Tutorial Step-by-step guide walking through the entire implementation: https://restheart.org/docs/cloud/full-stack-example

Working Code Clone and run the examples immediately: https://github.com/SoftInstigate/restheart-cloud-examples

Pick your preferred framework, follow along, and you'll have a working fullstack application connected to RESTHeart Cloud.

Why This Matters

Building fullstack applications means making choices. Framework selection. Backend architecture. API design. Database configuration. Authentication implementation. Each decision compounds.

With RESTHeart Cloud, you make one choice: what to build.

Your backend platform is ready. Authentication works. APIs respond. Data persists. Permissions protect. You focus on the frontend experience and unique features that make your application special.

What You Can Build

This product search example is just one pattern. The same backend platform supports:

  • SaaS dashboards with user management and permissions
  • Real-time collaboration tools with WebSocket APIs
  • E-commerce sites with product catalogs and orders
  • Mobile apps with React Native or Flutter
  • Internal tools with role-based access
  • Any application where you want to build the frontend, not the backend

Get Started

Clone the repository and run one of the examples. The README walks through setup, and the tutorial explains every step.

Build something with React? Vue? Angular? The backend works the same way. RESTHeart Cloud provides the APIs, handles authentication, manages permissions, and scales automatically.

You build what makes your application unique.


Questions? We're developers too. Reach us at support@restheart.com

Ready to Build Something Great?

Focus on what makes your app unique. Your backend is ready in minutes. Start with our free tier - no credit card required.