Designing Airbnb Search | Algolia DevBit Session

In this talk at ‪@Algolia‬ 's DevBit Conference, John demonstrates how to integrate Algolia search into FlutterFlow apps. In the last part he explores how to work with Algolia's pub.dev package to implement advance filtering with facets and numeric filters.
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflo...
Follow us on Twitter 👉 / flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[@user-se5bk7xf3t]

How can we integrate algolia with a Fluttetflow app that has Supabase as its backend?

[@0xBerto]

Really appreciate your teaching style and articulation John. We want more! I think the weekly ones with the duo may be a little tangentish. They’re great topics but it’s not focused and the conversation doesn’t come off as authentic. It’s like a persona for the camera. Still, love the team, love the effort and grateful for all of it 🚀🙏

[@alguemlima]

Could you post the lines of code for the two custom actions?

[@seekersaurabh]

Please provide this project file....many missing parts in the tutorial. Can't follow along

[@AlfaRomeoFox]

Love your videos, how talent you are, I hope you can keep making videos.

[@alguemlima]

John this is amazing! thanks so much. I see where you input the variables from the arguments on the function (e.g., numeric filters: [ 'bedrooms >= xx and so on). Would you know how to code the "distance within x miles" function that Algolia offers on the FF off-the-shelf widget in this code? Thanks!

[@juanbayani]

I will use flutter flow to build a mobile app for my Thesis 😊

[@FlutterFlow]

We'd love to see it when you're done!

[@kondwelanikalinda9221]

how do you order an Agolia backend query. You can do this with a regular backend query, but how would i order a users document by alphabetical order?

[@hirestop.rpo1]

Finally something useful guys. Seriously 😒

[@Mwelwajr]

Flutterflow used to be slow but after the last update it’s far much better

[@waynexun]

Doesn’t this custom action expose your API key in the front end app? Is there a way to hide the API key?

[@MoonDesignDev]

Yes. In the full app you want to store it as an app state variable and click the toggle "secure persisted fields". And then pass it in as a parameter to the action.

[@waynexun]

Thanks! I didn't think of that, I normally use cloud functions to run API calls but this makes it so much easier to integrate with Flutterflow.@@MoonDesignDev

[@iamsorenl]

Are there any demo apps similar to this that people can play with? I am getting a little hung up on all the different levels of state management here. Thanks!

[@claudevonbrandis4772]

great video , where do you get the query variable for the query param ? or what exactly should the query be ?

[@nathanw8717]

With large search results wouldn’t this just try to load them all at once though? So if you have a thousand hits it’ll try to load all 1000. It’s not paginated or infinite scroll right?

[@ActionmovieStudio-ts2gw]

I have a question, am building a food delivery app and I want each restaurant to be able to view and accept each coming order please can you help me?

[@AlfaRomeoFox]

John... how can we reach out to you? jajajaja there´s so much questions on algolia usage for newbies

[@LeonardoZeferino]

Amazing!

[@user-jj3vz5lt4v]

Can we please get clonable project file of this?

[@DaniquemotzheimBYOU]

I have a question I'm building a marketplace for virtual classes, what do you think is the best thing to do, building 3 different apps ( user app, provider app and the admin dashboard) and how can I show the data from the providers app, to the end users app?

[@SamuelBundrant]

i was thinking use the same backend for all three projects in my opinion

[@oTalesTen]

Hey! Is there any possibility to rotate the container?

[@UmidBabayev-nc4xu]

It's Amazing

[@seekersaurabh]

Can we show nearby results with alogolia?

[@izabeldemelo]

Do you have something similar to a book reader? Like Kindle? I would like to learn how to do something like this on flutter flow

[@yashmodi1408]

Thank you.

[@dr.anonymous4867]

Can anyone help me creating a custom widget for a unique function in flutterflow

[@Isaac_pina]

Does anyone know where we can get the swag file?

[@JimMay]

Thanks for the great video! Would it also be possible to integrate a custom action based on the Algolia pub dev package into the Google Map in Flutter Flow? I'd like to use a combination of map location and filters to determine the set of map markers to show on a flutterflow map. Any tips?

[@JimMay]

Maybe I still need a new trigger event for actions ("on map centre move")? Or with the algoilia integration into google maps widget, will the happen automatically?

[@FlutterFlow]

Absolutely!

[@dr.anonymous4867]

Flutterflow please help me🥺

[@flutterflowexpert]

Great video!