Back to Projects

Bondlayer Editor

Bondlayer Editor

Project Narrative

Bondlayer was born to bridge that gap: a platform that provided the visual freedom of design with the complex logic, data schema flexibility, and native performance of hand coded software.

The Challenge Building a platform that "builds code" presents unique engineering hurdles:

Data Schema Volatility: Users needed to create custom data structures without manual database migrations.

Multi Platform Parity: A single design had to render perfectly as a responsive web app and a high performance native mobile app.

Enterprise Localization: Handling complex SEO and multilingual routing for thousands of different domains.

Scaling Infrastructure: Managing shared resources in a multi tenant cloud environment while ensuring isolation and security.

The Solution (The Tech Stack): Dynamic Data with PostgreSQL & JSONB

Instead of a rigid relational schema, I architected the core engine using PostgreSQL with a JSONB heavy approach. This allowed us to store complex, user defined objects while maintaining the ability to perform high speed relational queries, indexing, and sorting. It provided the "NoSQL" flexibility within a "Relational" safety net.

The Universal Logic Layer (React + React Native)

I developed a proprietary rendering engine that translated visual design metadata into clean React (for Web) and React Native (for iOS/Android). By sharing the core business logic across platforms, we ensured that a change in data filtering or search logic would propagate instantly to both the website and the native mobile app.

Cloud Native DevOps (AWS)

To support thousands of live applications, I built a resilient infrastructure on AWS. Using Docker, i implemented a tenant isolation strategy that allowed us to scale horizontally. Automated CI/CD pipelines ensured that platform updates could be rolled out to all users without breaking individual custom integrations.

The Impact Over a decade, Bondlayer evolved from a startup experiment into a robust enterprise engine:

Scale: Powered digital solutions for Tier-1 brands like NOS, Super Bock Group, and the European Commission.

Performance: Achieved sub second load times for data heavy portals with over 100k+ entries.

Acquired in 2025, following a comprehensive technology transfer and M&A process.

Key Takeaway "Bondlayer taught me that the most powerful abstractions are those that don't hide the complexity, but manage it. It was a masterclass in building for the 'long haul', ensuring that code written in 2014 could still power the modern web of 2025."

Technologies Used

Frontend: React, Immutable.JS, Styled Components
Mobile: React Native, Native Modules (Swift/Java).
Backend: Node.js, Express, Python.
Database: PostgreSQL (Advanced JSONB), Redis.
Cloud: AWS (EC2, S3, RDS, Lambda), Docker, Cloudflare.


Gallery

Bondlayer Editor mobile app screen 1
Bondlayer Editor mobile app screen 2
Bondlayer Editor mobile app screen 3
Bondlayer Editor mobile app screen 4
Bondlayer Editor | Sérgio Oliveira