Building a TikTok/Reels built with FF

General Conversations

I've started evaluating building a simple TikTok/Reels style feature with Flutterflow, and looking for any examples of people who have successfully done this all the way through to production with an ability to cost-effectively scale.

So far It's been a slog realizing that there's a lot needed to do this that FF/Firebase doesn't do on it's own or needs services that are not simple to integrate with.

Here's what I'm looking into and much of this I don't see anyone launched an app to solve (most discussions and examples I see people hitting dead ends or not finding a cost-effective solution).

  • Vertical video not supported with the default FF video player (needs a custom widget, the best I've found is in this community some code someone shared, but requires any simple interaction to all be hand coded in this widget so no way to take advantage of wysiwyg tools that come in FF

  • Video uploader in FF does not have any ability to limit the dimensions or file-size of an uploaded video (so this is basically a blocker)

  • Any decent video widgets need to have more control over which controls to show for pausing, scrubbing, volume, etc. which all need to be built from scratch

  • The videos after uploaded MUST be optimized in the real-world. I've found some services that do this but many are not at all cost effective. Buildship or similar tools may be the best route to plug in to something very specific

  • The videos need to support streaming formats or else the client locks up trying to pre-load the whole video and you'll kill bandwidth costs

  • There's no decent vertical scrolling widget that will lazy-load videos or efficiently load a video widget in a list (needs a custom component or something to not load a new video player instance but rather re-use a max of 3 on the screen. The closest widget is the swipeable stack as it's the only widget that will let you configure how many of the "next page" to show/hide/load - but it's not really the right UX pattern

If anyone is interested in contributing or working with me on solving these types of things, feel free to DM me perhaps we can start a group chat somewhere and work together to share solutions, then post an article back to the community for how to achieve these types of things. etc.

3
6 replies