# Guitar Chords Search in different JS frameworks

Sites that showcase how to use Typesense in different Javascript frameworks, using a dataset of 2141 chord shapes of 552 guitar chords.

# NuxtJS

Live Demo (opens new window) | Source Code (opens new window)

# Next.js app router

Live Demo (opens new window) | Source Code (opens new window)

  • Here's (opens new window) how to set up react-instantsearch in Next.js app router. If you want to use Server Component for your page.tsx, move the search component into its own file and make sure to include the 'use client' directive at the top.
  • Here's (opens new window) how to use custom hits template.

# Angular v15

Live Demo (opens new window) | Source Code (opens new window)

# Vanilla Javascript

Live Demo (opens new window) | Source Code (opens new window)

Last Updated: 2/12/2024, 10:51:42 PM