algolia / algolia/instantsearch

Content injection between Hits for Vue InstantSearch

Open
#5,388 2 comments 58 reactions 0 assignees View on GitHub
Library: Vue InstantSearch Type: Feature Type: Survey
Dominant language
TypeScript
Stars
4.1k
Forks
554
Avg merge
1d 11h
Merged PRs (30d)
51

Description

We recently published a guide on [how to inject custom content between hits](https://www.algolia.com/doc/guides/building-search-ui/ui-and-ux-patterns/injecting-content/react/), for React InstantSearch, and we'd like to gather interest in adapting this guide for Vue InstantSearch.

## What's Content injection between Hits?

Content injection consists of inserting data between search results. This pattern can be helpful for a variety of use cases:

- **Displaying promotional or editorial content** based on the search parameters, like the query or active refinements
- **Inserting promoted brand banners** between hits
- **Showing customized suggestions** based on the user profile

![image](https://user-images.githubusercontent.com/154633/151024389-b67a1bd2-f470-40b4-9c5f-4357b9596d36.png)

[**See Live Demo →**](https://zjp0h4.csb.app/)

## How to show your interest?

Simply add a "👍" reaction on this issue, and optionally subscribe to its notifications. We will share updates here.

Contributor guide

Open the contributing guide

Research direction

Start with the linked React InstantSearch guide and live demo, then review the Vue InstantSearch material available in the repository. Done means publishing an equivalent guide for Vue InstantSearch that explains content injection between hits and includes an appropriate example.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
documentation
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.