Algolia Firestore Instant Search

[@Fireship]

Just like Firebase, I am a huge fan of the Algolia developer experience. My goal with this episode is to show how easy it is to build full-text search features when you combine Firestore with InstantsearchJS.

[@archit7606]

Please explain a more about ALGOLIA with Firebase

[@klutch4198]

For anyone following along after June of 2020, you'll want to fix/update a couple small things!! 1. import fix (was previously "import * as algoliasearch from 'algoliasearch';"): import algoliasearch from 'algoliasearch'; 2. Adding an object(was previously "addObject"): return index.saveObject({ objectId, ...data }); If you don't, Typescript will start bickering and eventually kick you outta the basement! AWESOME video, BTW!!!! I recently leveled up my Js skills to the next level (high level intermediate/low level advanced-ish?) due to an insane amount of practice.... and coming back to all these videos pretty much made me start throwing hadoukens because now I actually UNDERSTAND everything that's going on!! Keep crushing these videos and slinging emojis!!!

[@drewmorrison2303]

You are the best for this! Junior dev here and I had no clue how to fix this

[@sveinsoermo9883]

U'r videos are the best, structured, on target and high quality. This one, no exception.

[@Fireship]

Thank you! really appreciate that feedback :)

[@hojdog]

If algolia contains a copy of your database, can't it just function as a database of its own? It appears to have better query functionality than firebase so why wouldn't we just use this over firebase in the first place?

[@filipcoja]

+

[@caseyschneider1974]

Firebase pricing is better. Firebase document read $0.06/100K, write $0.18/100k. Algolia 100k operations: $10/month.

[@faunzyboi2]

Just wanted to say thank you for all the great videos! your videos are extremely helpful and practical!

[@frankellyguzman4297]

you videos is always so epic. love this channel

[@nthonymiller]

Great vid on Algolia, I've been thinking of adding it to my site, so timely.

[@Fireship]

Thanks Anthony! I've used it in many projects, never been disappointed.

[@Xinthose]

I love the Chance.js library.

[@dislike__button]

Can't believe I have to use a third-party paid service for something as trivial as search. What a joke! Up to this point I was thinking about using Firestore in my project, but this turned me away instantly.

[@lightlysaltedcalmingvlogsa7286]

I agree it's ridiculous a company like Google doesn't provide search as a firebase service but if it was trivial their lack of search wouldn't be a reason to not use firebase.

[@peerdox2275]

Simply amazing!!!

[@Fireship]

Thank you, Algolia makes it easy :)

[@mohabmagdy4155]

An important question here can we index subcollection data using Algolia ? I read on the internet blogs and found no answer please let me know if that is possible

[@hartnil93]

Great video, like always!

[@Fireship]

Thank you Jacob!

[@SamiullahKhan]

Don't we worried if our data is already stored in firebase (ofcourse it's our main data source) and that for indexing we are also storing all of it in algolia as well?

[@colinwilliams3204]

Great tutorial. Coding with react native but the firebase => GCF => algolia section of the video was a life saver. Minor change, I had an error with .addObject call, it should be .saveObject like the update function. Not sure if this was a breaking update since the creation of the video. Thanks!!

[@juanleyva2777]

We lose one of the most powerful feature of Firestore which is clientside database and able to listen to valuechanges(). Cant have the best of two worlds :(

[@coreybeebe4481]

One minor bug here: the `objectID` property used by Algolia is case-sensitive. The video uses `objectId`, which will create an extraneous property in addition to `objectID`, which will receive an automatically assigned value.

[@BraxtonDiggs]

just ran into this issue!

[@thomasstarzynski6787]

true!

[@carrillocarlosce]

Thanks man, this is gonna be useful for me right now

[@Fireship]

Nice, Algolia can be a life saver.

[@Smile-to2ii]

@@Fireship where is code?

[@thomasstarzynski6787]

I think there is newer syntax now, instead of 'addObject' there is 'saveObject'. And also it has to be 'objectID' and not 'objectId' I belive... (as Corey Beebe mentioned before). See documentation: www.algolia.com/doc/api-reference/api-methods/add-objects/?language=javascript

[@juansebastiangomezrivera9219]

Yes, it has to be 'objectID'

[@danielschoenbohm]

Thanks man!

[@CodeInspire]

you are an amazing teacher :)

[@harpymaslow]

Great video as usual... as soon as I can I'll buy the Pro stuff. Thanks man

[@khumozin]

Can you use Algolia with Ionic?

[@jafar1607]

To Test this function, a payed subscription to firebase is must. otherwise the cloud functions will fail indicating the external api access is not available for free tier. So sad.

[@hojdog]

What a shame to have to pay real money for a service that makes your life easier. So sad.

[@caseyschneider1974]

It may have changed since you commented because this would be virtually free now to test

[@narcodico]

Is your website search component something you've created or does it come as part of instantSearch ?

[@Fireship]

It's mostly part of instantsearch, but with a few customizations.

[@narcodico]

Thank you!

[@ValAllenSamonte]

do you still need to setup the billing information for cloud functions to work with algolia?

[@Fireship]

Yes, you do because it 's considered an outside API call.

[@Kaze919]

Anyone know the point of the context variable? I get an lint error of " 17:19 error 'context' is defined but never used no-unused-vars" Obviously I understand it because I don't see it used anywhere so if anyone can explain how to ignore it or make the error go away that would be great

[@d-apps2699]

What about autocomplete search in Flutter, do you know if it's possible?

[@pillar6programming687]

my man !

[@MrYUPIYU]

Nice video, however, in 6:18 we can see your Application ID in the top left of the screen (or maybe it's not)

[@Fireship]

The AppID and SearchOnly Key can be exposed - I don't actually need to blur them. It's only the Admin key that you have to be extra careful with because it has write access.

[@MrYUPIYU]

Angular Firebase okay, thanks for let me know

[@gautamkumar-rk6uv]

Its not cheap whats the cheap way , they are demanding minimum 35 dollars just for search, thats i think is overpriced. Is the other way like elastic search or may be like .startAt(query).endAt(query+"\uf8ff") i tried it but its only for realtime database , please help

[@devcodic2775]

They offer forever free service if you dont exceed the limit. discourse.algolia.com/t/playing-around-with-algolia-what-happen-after-14-days/5800/2 If you exceed within 10K records then your capable enough to pay for it. I think.

[@devcodic2775]

For those watching that is also coding along, you have to replace the 'objectId' with 'objectID' if adding data to algolia, to avoid problem with deletion of data.

[@DelgadoRecords]

i want to integrate it, but with ionic, and it seems a little bit different.

[@jafar1607]

Can you please add another method other than using cloud function to index the data. coz the free firestore plan doesn't let to test this. any other way plz?

[@MultiLenoxxx]

How expensive would this become??

[@OPSergio88]

shit, this service is so expensive... i just want develope a searcher for my free app...

[@printfmit9744]

why this video keep loading every several seconds?

[@TimeoutMegagameplays]

Could you do a video showcasing this in Flutter?

[@SondreSrbye]

👍

[@dileepnagendra5869]

bro, getting error in cloud function log . I am in fee plan of firebase

[@patriciovargas3837]

you need to jump to a paid plan. can be the blaze plan. You get charge for what you use, but you only get charged after you have exceed the things that are free

[@AlexDuval]

@@patriciovargas3837 i waste one hour on it until, i read your com and make the upgrade, thank you so much

[@patriciovargas3837]

@@AlexDuval anytime!

[@ownagejuice1394]

what about us VueJS/Quasar users who don't Angular? :D

[@Smile-to2ii]

where is code?

[@byronglendon3947]

Installing the JavaScript API client: $ npm install --save @types/algoliasearch

[@juangamarra1463]

Background sound please

[@Fireship]

audiojungle.net/item/ambient-deep-loop/19729970

[@Thesrik23]

Hey Please do a video on Integrating Angular with Django