Why I Am Building Coziza

Exploring the motivations, challenges, and vision behind Coziza, a real estate platform designed to improve the home rental and buying experience in Ghana.

Server-Driven UI With Flutter, Figma and Firebase Remote Config

In this tutorial, I demonstrate the process of building a Server-Driven UI (SDUI) using Flutter, Figma, and Firebase Remote Config. This solution allows the app’s UI to be modified without going through a full build, test, and deployment cycle

What we will build

We will develop a solution to drive UI changes in our production Flutter app from Figma without going through a build, test, deploy cycle

Why? - Server Driven UI

Typically the layout and presentation of our app is coded in our app binary and submitted to the Google Playstore or Apple AppStore. This means every time we want to make a change to how our app looks, we would have to go through a complete deploy cycle which can take weeks to even months. For simple UI changes, this may simply not be worth the effort. Server-driven UI is a technique that allows us to bypass these challenges. In a full server-driven UI implementation the layout and presentation of our app are fetched from the server just like any other resource and interpreted by the app. Today we will develop a basic SDUI solution to change the theme of our Flutter app by leveraging Firebase Remote Config. As a bonus, we will also develop a solution to change this theme straight from Figma.