Тёмный

Fullstack Autocomplete Search with Algolia 

Fireship
Подписаться 3,3 млн
Просмотров 95 тыс.
50% 1

Build a fullstack 🔎 fulltext autocomplete search feature with Algolia and Firebase, with implementations covering Node.js, Svelte, and Angular. fireship.io/le...
- Algolia www.algolia.com/
#algolia #nodejs #firebase
Take the quiz 🤓
iOS itunes.apple.c...
Android play.google.co...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

Опубликовано:

 

11 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 94   
@dependersethi1345
@dependersethi1345 5 лет назад
♥️ Sometimes it feels like you exactly know what we want
@kashifwahaj
@kashifwahaj 3 года назад
I can feel it
@rondamon4408
@rondamon4408 5 лет назад
I've used Algolia and I have to confess that it is more limited than what we think. I'd prefer using elastic search.
@divyanshusah2809
@divyanshusah2809 3 года назад
U got it right
@FilledStacks
@FilledStacks 5 лет назад
Community Members: Can you please add search to your website Me: I don't have the time to do it Fireship: It'll only take 12 minutes 13 seconds* Me: On it!!!
@Llewellyn1411
@Llewellyn1411 5 лет назад
Sometimes I feel like he is reading my mind
@FilledStacks
@FilledStacks 5 лет назад
@@Llewellyn1411 Yup. All the time :)
@johnnyoshika5920
@johnnyoshika5920 3 года назад
That tip on how you can run functions locally with admin credentials being injected automatically is a great one. Thank you!
@masterize
@masterize 4 года назад
the addObject was not working for me (I was getting the Index.addObject is not a function from the Firestore functions log). I switched to saveObject and it works.
@mabdullahsari
@mabdullahsari 5 лет назад
Pricing is exactly why I use Elastic instead of Algolia. Otherwise, I'd actually prefer the latter.
@Fireship
@Fireship 5 лет назад
Yeah I get that. I might do a self hosted elastic search video in the future.
@mabdullahsari
@mabdullahsari 5 лет назад
@@Fireship Keep up the good work :)
@RadTwin
@RadTwin 5 лет назад
Elasticsearch & Kibana running on docker is 🔥🔥
@lenguajesdeprogramacionson5050
@@Fireship man, I'll really appreciate if you do that. I need it
@ralabralab-yv8ux
@ralabralab-yv8ux 5 лет назад
Excellent. I hope you make a video for implementing Firestore full-text search in Flutter using Algolia
@MuhammadbinYusrat
@MuhammadbinYusrat 4 года назад
I am thinking: won't it be cheap to just go with a simple node/mysql server if we want a full text search instead of cloud firestore? I mean if Algolia is going to do for me what we already did since forever, I seem to not understand the point of using cloud firestore and then linking it to Algolia. Please, I request you to correct me. It seems I am missing something really obvious here. Thanks in advance.
@LeoZeronljz
@LeoZeronljz 5 лет назад
Mi comentario en español, este es uno de mis Canales favoritos, referencia inmediata a la hora de necesitar ideas gracias
@lordswaggity1213
@lordswaggity1213 5 лет назад
I remember using elastic search a long time back. Is this similar?
@Fireship
@Fireship 5 лет назад
Yes, same type of service, but more developer friendly. I may do a video on a self hosted elastic search, which is cheaper if you tons of records.
@TheBadFred
@TheBadFred 5 лет назад
That's what I thought or Endeca from Oracle for E-Commerce
@ektonas
@ektonas 5 лет назад
@@Fireship Yes! Do it! At least so I know what exactly I'm paying for :D
@ilhamfirdausiputra7527
@ilhamfirdausiputra7527 4 года назад
@@Fireship Yes! Please doo.. This is exactly what I needed :D Looking at Algolia pricing, this is just simply impractical for developers in developing countries..
@ericaskari
@ericaskari 5 лет назад
This channel is awesome. I learned qlot about rxjs from this channel. Thanks.
@ovieokeh
@ovieokeh 5 лет назад
You expose me to different sides of software development that I otherwise wouldn't get to see ♥️
@TimeoutMegagameplays
@TimeoutMegagameplays 5 лет назад
For Flutter please!
@bazinga630
@bazinga630 3 года назад
Please do a typesense tutorial , typesense is open source and really really cheap.
@johannesw.670
@johannesw.670 Год назад
As always great content! What's you opinion on Typesense?
@shashikantmarskole
@shashikantmarskole Год назад
thank you , easy and quickly explaintion.
@sepehrazizi1491
@sepehrazizi1491 5 лет назад
hey there Jeff! how are you doing? i'm a big fan of your channel, it really helped me A LOT!!! but i really stuck on choosing the right ui framework for Angular. the only good ui framework i found was Ionic but it doesn't look as good as Material Angular. on the other hand Material Angular is sooo incomplete and unresponsive. there is a Nubelar Framework which looks really beautiful but still looks really incomplete. which framework do you suggest for my Angular project?
@ElbinBinil
@ElbinBinil 3 года назад
How to use this with express
@divyanshusah2809
@divyanshusah2809 3 года назад
Connect express and Aloglia private key. And send GET request to app.get(/search) in POSTMAN or INSOMNIA 👍
4 года назад
Great concise video
@RageBasterd
@RageBasterd 5 лет назад
awsome, very usefull.
@Fireship
@Fireship 5 лет назад
Thank you Rage :)
@mrousavy
@mrousavy 4 года назад
Is there a valid reason for using the pre-built components in a real world production app? I've had some trouble customizing the view in my React app to look like a view I already had prototyped before using Algoliasearch
@techzone-lk-zone3075
@techzone-lk-zone3075 5 лет назад
good one
@Llewellyn1411
@Llewellyn1411 5 лет назад
Another great video!!
@demohub
@demohub 3 года назад
Wow. Amazing
@gauravvarma3645
@gauravvarma3645 Год назад
Love it
@ramirezvilla
@ramirezvilla 4 месяца назад
could you an update with angular instant-search with Angular v17? pretty please
@elmotareal
@elmotareal 5 лет назад
Noticed the await for keyup, would it perform well or would you have a different advice for real implantation using a timeout, or delays
@Fireship
@Fireship 5 лет назад
Denouncing the event would be a good idea. This is more of a bare minimum example.
@worldclasscode1847
@worldclasscode1847 2 года назад
Nice video :)
@suraj-ram7488
@suraj-ram7488 5 лет назад
How do you come up with these brilliant ideas?
@tranquillityEnthusiast
@tranquillityEnthusiast 5 лет назад
You could have used Nx for Fullstack(angular and nest)....
@hojdog
@hojdog 5 лет назад
I'm getting a weird issue where my seed file is populating a different project :O (a client's project!) took me a while to figure that that was happening. Luckily no db damage or anything. Haven't figured out why - the functions deploy to the right project.
@maciejzalewski6920
@maciejzalewski6920 4 года назад
I am confused. Isn't the firestore redundant in this example? You are duplicating all the data after all. Best, MZ
@JohnDoe-zc4mu
@JohnDoe-zc4mu 5 лет назад
awesome!
@shelby255
@shelby255 3 года назад
Don't you need to enable billing to use functions
@nothingtoseehere793
@nothingtoseehere793 2 года назад
Update* Algolia has updated their pricing tier
@ourtrishan8884
@ourtrishan8884 5 лет назад
You made videos on Algolia previously. Is there any difference?
@Fireship
@Fireship 5 лет назад
The backend code is basically the same, but the Frontend libraries have changed significantly, so felt like it was time to update.
@ourtrishan8884
@ourtrishan8884 5 лет назад
@@Fireship Thank you so much for your clarification Jeff.
@ram_pednekar14
@ram_pednekar14 5 лет назад
Firbase is fast and scalable, but it cheap? I doubt this. Btw thanks for the video.
@ahnaafarafee
@ahnaafarafee 3 года назад
can I use algolia with firebase Spark plan?
@Rotem_shwartz
@Rotem_shwartz 5 лет назад
Your not setting a debounce time on purpose because algoli knows how to handle a lot of requests or you just didnt mentioned it and it is a good practice to debounce?
@Fireship
@Fireship 5 лет назад
On the svelte example it would be a good idea to debounce, but the Angular instantsearch example it should already be perf optimized.
@Rotem_shwartz
@Rotem_shwartz 5 лет назад
Fireship great, thank you
@rusithgayashan3927
@rusithgayashan3927 5 лет назад
@@Fireship I was following along the tutorial and noticed angular instantsearch makes a new request (operation) per every key stroke. It doesn't use debouncing at all
@Fireship
@Fireship 5 лет назад
@@rusithgayashan3927 I believe that is the intended behavior. Instantsearch caches the results so it's not making a full round trip to the server on each stroke. If it's fast, everything is OK.
@MindzGroupTech
@MindzGroupTech 5 лет назад
Wait ... What you said at 3:30 "change the firebase environment variables, without redeploy" how? All i know that every time i have to change anything in there i am required to redeploy the functions. So can you please help me understand what you are talking about and how we can change config without redeploy.
@abdoufma
@abdoufma 5 лет назад
That means exactly what he said: by setting the app_id and the admin_key as environment variables, their values are loaded dynamically through the environment, as opposed to manually (re)hard coding them each time their values change
@MindzGroupTech
@MindzGroupTech 5 лет назад
@@abdoufma everytime I call the firebase functions:config.set key=value CLI tell it clearly that it is required to redeploy the functions. So what i am missing here. I have tried that for a function to start using the new value, it must be redeployed as the .runtimeconfig.json is not updated until then in the deployed functions.
@abdoufma
@abdoufma 5 лет назад
@@MindzGroupTech Not sure what to tell you man, it works fine for me, have ou tried updating to the latest version of the CLI tools?
@barikhojo
@barikhojo 5 лет назад
Yo.. u rock
@Fireship
@Fireship 5 лет назад
Thank you!
@maxxxeeem
@maxxxeeem 3 года назад
5:47 I cant see my functions on firebase, there is no chance to set up functions without payment?
@outis99
@outis99 3 года назад
If you use the Blaze plan, it's pay as you go, if you're just building a personal project unless you had an infinite loop that did like a million computations per day you'd be fine and most importantly free, but even then you can set up budget alerts
@rashadelbanna1211
@rashadelbanna1211 4 года назад
firebase deploy dont work with me he return error in terminal i wont help
@donpuerto
@donpuerto 5 лет назад
wheres the Vue and React?
@heksqer1022
@heksqer1022 5 лет назад
Went completely over my head but cool video I guess ..
@errinwright
@errinwright 3 года назад
Please make a Typescript Longsleeve white, and i will buy it, not a hoodie person. Frat people love longsleeves not hoodies
@rupayanc
@rupayanc 4 года назад
Hi ,,, i tried using faker to write data to the firestore but everytime it fails ... please help me.. it gives an error saying UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 60)
@rupayanc
@rupayanc 4 года назад
I tried using try catch and then got an error saying "no project id found in current environment" Note: I did put the seed.js file inside functions directory
@ROBLOXowns
@ROBLOXowns 4 года назад
@@rupayanc I got something similar, see if this helps: firebase.google.com/docs/admin/setup#windows
@kevintlu
@kevintlu 4 года назад
Why is vue getting hated on? He even made a svelte app and not a vue one. 100% offended 😉
Далее
100 Firebase Tips, Tricks, and Screw-ups
24:31
Просмотров 187 тыс.
Firestore Security Rules - How to Hack a Firebase App
10:05
Новый уровень твоей сосиски
00:33
The Async Await Episode I Promised
12:04
Просмотров 1,1 млн
A Guide to Web Scraping with Node.js
9:54
Просмотров 379 тыс.
Algolia Firestore Instant Search
9:53
Просмотров 49 тыс.
Cursor Is Beating VS Code (...by forking it)
18:00
Просмотров 58 тыс.
Firestore Data Modeling - Five Cool Techniques
11:44
Просмотров 255 тыс.
Front-end web development is changing, quickly
3:43
FreeBSD in 100 Seconds
3:28
Просмотров 473 тыс.