How to embed Flutter web apps in your Jekyll site
A complete tutorial
Flutter, a cross-platform framework, allows you to write one codebase for publication as mobile, web, and desktop apps. So if you have a mobile tool, you can easily create a web tool as well (caveat: this works best for simple apps, as Flutter web takes a long time to load…).
Like all web apps, they need to be hosted, or served, somewhere. I wrote before on how to host them on GitLab Pages. There are many tutorials on how to host them on GitHub. But in my case, I wanted something a little more complex — I wanted to embed my app into a page on my own Jekyll site.
This took some trial and error, so here is the step-by-step tutorial.
Create your web app
My app is a simple multi-line text reverser that my husband asked for. He works a lot with various design apps, and they just don’t get RTL languages. They — you guessed it — reverse the text. So what he need was something to reverse the text in advance, that he could copy into his design app and would come…
