Uploaded September 2024 | Updated September 2026, 2 days ago
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: shortclick.link/yqmh2p.
Other links mentioned:
• typesense.org
• typesense.org/docs/guide/search-ui-components.html#using-instantsearch-js
• laravel.com/docs/11.x/scout#typesense
• github.com/algolia/instantsearch
• github.com/typesense/typesense-instantsearch-adapter#with-vue-instantsearch
• algolia.com/doc/api-reference/widgets/instantsearch/vue
• typesense.org/docs/27.0/api/search.html#search-parameters
• highperformancesqlite.com
Follow me:
Twitter: twitter.com/aarondfrancis
LinkedIn: linkedin.com/in/aarondfrancis
Website: 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
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: shortclick.link/yqmh2p.
Other links mentioned:
• typesense.org
• typesense.org/docs/guide/search-ui-components.html#using-instantsearch-js
• laravel.com/docs/11.x/scout#typesense
• github.com/algolia/instantsearch
• github.com/typesense/typesense-instantsearch-adapter#with-vue-instantsearch
• algolia.com/doc/api-reference/widgets/instantsearch/vue
• typesense.org/docs/27.0/api/search.html#search-parameters
• highperformancesqlite.com
Follow me:
Twitter: twitter.com/aarondfrancis
LinkedIn: linkedin.com/in/aarondfrancis
Website: 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
