Free, fast, full text search: Laravel + Typesense
Aaron Francis Aaron Francis
44.7K subscribers
7,968 views
547

 Published On Sep 16, 2024

I set up full-text search for my course website, integrating Laravel Scout with Typesense for fast, efficient searches across video titles and transcripts. I also use Vue.js with Typesense to create a frontend search UI, showcasing the power of full-text search and highlighting features.

Check out the Typesense GitHub repo: https://shortclick.link/yqmh2p.

Other links mentioned:
• https://typesense.org/
• https://typesense.org/docs/guide/sear...
• https://laravel.com/docs/11.x/scout#t...
• https://github.com/algolia/instantsearch
• https://github.com/typesense/typesens...
• https://www.algolia.com/doc/api-refer...
• https://typesense.org/docs/27.0/api/s...
• https://highperformancesqlite.com/

Follow me:
Twitter:   / aarondfrancis  
LinkedIn:   / aarondfrancis  
Website: https://aaronfrancis.com - find articles, podcasts, courses, and more.

Chapters:
00:00 - Introduction and Overview
00:31 - Integrating Typesense with Laravel
01:16 - Installing Typesense Locally
01:54 - Using Laravel Scout with Typesense
02:49 - Configuring Laravel Scout for Typesense
04:01 - Making a Model Searchable
05:45 - Setting the Searchable Schema
06:39 - Configuring Typesense in Laravel Scout
07:30 - Importing Data into Typesense
08:29 - Using Laravel Prompts for Command-Line Search
09:51 - Testing Search Functionality with Laravel Prompts
11:17 - Exploring Search Results with Transcript Highlights
12:01 - Setting Up the Frontend with Vue.js and InstantSearch
12:46 - Installing InstantSearch for Vue.js
13:37 - Building the Search UI with InstantSearch Components
14:56 - Integrating the Typesense Adapter and Configuring Queries
16:07 - Implementing Highlighting in Search Results
18:10 - Using Snippets for Large Transcripts
19:35 - Enhancing the UI with CSS and Line Clamping
20:50 - Final Thoughts

show more

Share/Embed