nuxt-swiftsearch

Build SSR-compatible Algolia search UIs in Nuxt 3 apps.

66|12|Updated Feb 15, 2024
One-click install
npx skills add https://github.com/atoms-studio/nuxt-swiftsearch --skill nuxt-swiftsearch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nuxt-swiftsearch
Source: https://github.com/atoms-studio/nuxt-swiftsearch/tree/main/skills
Command: npx skills add https://github.com/atoms-studio/nuxt-swiftsearch --skill nuxt-swiftsearch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Builds SSR-friendly, strongly typed Algolia search UIs for Nuxt 3, bridging the gaps with Vue InstantSearch and enabling predictable rendering.

Core Features & Use Cases

  • Dual registration pattern (composable + component) for each widget to ensure consistent behavior.
  • SSR-compatible search experiences with a comprehensive widget suite and routing integration.
  • Typed components with near-parity to Vue InstantSearch, easing migration and maintenance.

Quick Start

Install the Nuxt module in a Nuxt 3 project and configure it in nuxt.config.ts to begin building SSR-first Algolia search UIs.

Frequently Asked Questions about nuxt-swiftsearch

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build SSR-compatible Algolia search UIs in Nuxt 3?

To build SSR-compatible Algolia search UIs in Nuxt 3, you can use a module that bridges Vue InstantSearch gaps by providing dual-registered widgets and router integration for predictable server-side rendering.

What is the dual registration pattern for Nuxt 3 search widgets?

The dual registration pattern for Nuxt 3 search widgets registers each widget as both a composable and a component, ensuring consistent behavior and strongly typed predictable rendering across SSR-compatible search experiences.

Does Vue InstantSearch work with Nuxt 3 server-side rendering?

Vue InstantSearch has gaps when working with Nuxt 3 server-side rendering, but you can achieve near-parity using typed components designed to bridge these issues and enable predictable SSR rendering.

How do I configure an Algolia search module in a Nuxt 3 project?

To configure an Algolia search module in a Nuxt 3 project, install the module and add it to your nuxt.config.ts file to begin building SSR-first search experiences with dual-registered widgets and routing integration.

Can I migrate existing Vue InstantSearch widgets to Nuxt 3?

You can migrate existing Vue InstantSearch widgets to Nuxt 3 by using typed components with near-parity to Vue InstantSearch, which eases maintenance and enables predictable server-side rendering behavior.