Build search functionality with Laravel Scout and Vue.js

Follow this tutorial to learn how to build a simple search functionality using Laravel Scout and Vue.js. Scout is an official package, not included in Laravel by default but you can still pull it in with Composer and use in your Laravel apps. Currently, Scout ships with an Algolia drive.

Steps covered:

  • Installing Laravel
  • Database configuration
  • Models and migrations
  • Routes and Controllers
  • Installing Laravel Scout
  • Importing data to Algolia
  • Writing the search method
  • The frontend setup
  • Importing Vue.js and vue-resource to fetch and display data

Visit scotch.io for the tutorial.

The code of this tutorial is available on GitHub