Designing Airbnb Search | Algolia DevBit Session

Sdílet
Vložit
  • čas přidán 5. 10. 2023
  • 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.flutterflow.com
    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.
  • Věda a technologie

Komentáře • 38

  • @user-se5bk7xf3t
    @user-se5bk7xf3t Před 9 měsíci +8

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

  • @0xBerto
    @0xBerto Před 9 měsíci +1

    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
    @alguemlima Před 9 měsíci +6

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

  • @alguemlima
    @alguemlima Před 9 měsíci +1

    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!

  • @AlfaRomeoFox
    @AlfaRomeoFox Před 2 měsíci

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

  • @seekersaurabh
    @seekersaurabh Před 3 měsíci +3

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

  • @LeonardoZeferino
    @LeonardoZeferino Před 7 měsíci

    Amazing!

  • @claudevonbrandis4772
    @claudevonbrandis4772 Před 8 měsíci

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

  • @oTalesTen
    @oTalesTen Před 9 měsíci

    Hey! Is there any possibility to rotate the container?

  • @yashmodi1408
    @yashmodi1408 Před 9 měsíci

    Thank you.

  • @flutterflowexpert
    @flutterflowexpert Před 9 měsíci

    Great video!

  • @UmidBabayev-nc4xu
    @UmidBabayev-nc4xu Před 8 měsíci

    It's Amazing

  • @juanbayani
    @juanbayani Před 9 měsíci +1

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

    • @FlutterFlow
      @FlutterFlow  Před 9 měsíci

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

  • @Isaac_pina
    @Isaac_pina Před 9 měsíci

    Does anyone know where we can get the swag file?

  • @kondwelanikalinda9221
    @kondwelanikalinda9221 Před 20 dny

    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?

  • @nathanw8717
    @nathanw8717 Před 9 měsíci

    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?

  • @dr.anonymous4867
    @dr.anonymous4867 Před 9 měsíci

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

  • @Mwelwajr
    @Mwelwajr Před 6 měsíci

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

  • @izabeldemelo
    @izabeldemelo Před 9 měsíci

    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

  • @seekersaurabh
    @seekersaurabh Před 5 měsíci

    Can we show nearby results with alogolia?

  • @iamsorenl
    @iamsorenl Před 3 měsíci

    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!

  • @ActionmovieStudio-ts2gw
    @ActionmovieStudio-ts2gw Před 9 měsíci

    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?

  • @DaniquemotzheimBYOU
    @DaniquemotzheimBYOU Před 9 měsíci

    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
      @SamuelBundrant Před 9 měsíci

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

  • @waynexun
    @waynexun Před 9 měsíci +1

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

    • @MoonDesignDev
      @MoonDesignDev Před 9 měsíci +6

      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
      @waynexun Před 9 měsíci

      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

  • @hirestop.rpo1
    @hirestop.rpo1 Před 9 měsíci +1

    Finally something useful guys. Seriously 😒

  • @JimMay
    @JimMay Před 9 měsíci

    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
      @JimMay Před 9 měsíci

      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
      @FlutterFlow  Před 9 měsíci

      Absolutely!

  • @user-jj3vz5lt4v
    @user-jj3vz5lt4v Před 3 měsíci

    Can we please get clonable project file of this?

  • @AlfaRomeoFox
    @AlfaRomeoFox Před měsícem

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

  • @dr.anonymous4867
    @dr.anonymous4867 Před 9 měsíci

    Flutterflow please help me🥺