Return to homepage

Infinite Scrolling Search with Vue + Algolia

04/07. Creating the instant search
This episode is for premium members only.

Take your skills to the next level with a premium membership.

Join now

Already a member? Sign in and enjoy.

Comments

Simon

I'm getting the following each time.

1"export 'createFromAlgoliaCredentials' was not found in 'vue-instantsearch'

When i add the following:

1 import {createFromAlgoliaCredentials} from 'vue-instantsearch';
2this.searchStore = createFromAlgoliaCredentials(????)

I'm using it from within a Single Vue component

Anyone found a solution to this?

  • 0
Bruno

Algolia changed the api.

  • 0
Bruno

Is there a way to do something like this : %around% %the% %word% ?

Example : https://i.ibb.co/ZL0j00Z/vue-search-example.png

  • 0
Iman

Hi Alex,

Please fix the download link, it doest not work.

If i'm trying to download, this error is showing:

This XML file does not appear to have any style information associated with it. The document tree is shown below.

  • 5
Alex

So sorry about that. Just pushed to be encoded and they'll be available for download once that's done.

  • 0
Bruno

Thanks Alex,

Tip For highlight the text use for example : < ais-highlight :result="result" attribute-name="teaser">< / ais-highlight >

  • 1
Alex

Excellent tip, thanks Bruno.

  • 0
Mike

The download links don't work for me. I get "This XML file does not appear to have any style information associated with it."

  • 0
Alex

So sorry about that. Just pushed to be encoded and they'll be available for download once that's done.

  • 0
Ozan

Useful short course, thanks!

The only problem is that nobody will ever make an empty project for this and most likely that people will implement this to a non-SPA project. It would be a lot better if you could leave us some flexibility by not using VueRouter.

  • 0
joshuagallagher24

Swapping out the vue router should be fairly simple. If your using blade with vue, it should be a fairly easy change.

  • 0
Ozan

People don't really want to try it themselves. Plus, it's content... so why not make video for that as well.

  • 0
joshuagallagher24

"People don't really want to try it themselves" - you learn by trying different things :). "Plus, it's content... so why not make video for that as well." - I think @Alex is focusing on what's popular in web dev - SPA's and API's, it's the thing at the moment.

Plus, this functionality is very easy to move around - it's basic, so theres no need for another video.

  • 0
Alex

I've noted down a Laravel/Vue version to record. Totally agree it would be useful to show this within a Laravel app.

Hopefully that's what you meant?

  • 0
Ozan

Exactly.

  • 0
Ozan

You being a good developer and able to do researchs doesn't mean other people do the same thing. I am providing Alex some content suggestions. Try being constructive instead of "this functionality is very easy to move around - it's basic, so theres no need for another video.".

  • 0
Tigere

Yes that would be really great for a more practical usecase. I am sure most people want to scroll data coming from an API. I am actually scouting around endlessly for such a demo.

  • 0
hi

thanks alex but plz leran us to use in a free serach like elestic (with laravel and vue)

  • 11
Alex

Just finished planning an ElasticSearch course to get started with, and I'll be creating many more 😊

  • 0
hi

hi have a update for us :) ?

  • 0