Skills
.Work. You
Rest

astroapps-client-nextjs

Official

Seamless Next.js routing with auto query sync.

Software Engineering#hooks#Next.js#navigation#App Router#query-parameters#NavigationService
Authorastrolabe-apps
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill bridges Next.js App Router navigation with the @astroapps/client, eliminating boilerplate to keep navigation state and URL query parameters in sync across the app.

Core Features & Use Cases

  • App Router integration using the useNextNavigationService hook to provide a NavigationService-compatible interface.
  • Automatic bidirectional synchronization of URL query parameters with form state and navigation actions, including debouncing.
  • Next.js Link integration and programmatic navigation to simplify client-side routing across pages.

Quick Start

Install and configure the skill in a Next.js App Router project by importing useNextNavigationService, wrapping your root layout with AppContextProvider, and using the navigation service in components to push, replace, and sync queries.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: astroapps-client-nextjs
Download link: https://github.com/astrolabe-apps/astrolabe-common/archive/main.zip#astroapps-client-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.