Type-safe search params state manager for Next.js - Like React.useState, but stored in the URL query string
Overall
score
96%
{
"context": "This criteria evaluates how well the engineer uses the nuqs package to manage URL query parameters with appropriate scroll behavior control. The focus is on using nuqs hooks with the scroll option to control page scrolling during different types of filter updates.",
"type": "weighted_checklist",
"checklist": [
{
"name": "useQueryState usage",
"description": "Uses useQueryState or useQueryStates hooks from nuqs to manage the category and search URL parameters",
"max_score": 25
},
{
"name": "Scroll on category",
"description": "Implements scroll: true option for category filter changes using withOptions() or inline options, ensuring page scrolls to top when category changes",
"max_score": 30
},
{
"name": "No scroll on search",
"description": "Implements scroll: false (or omits scroll option for default behavior) for search input, preserving scroll position during search queries",
"max_score": 25
},
{
"name": "Scroll on reset",
"description": "Implements scroll: true for the reset filters action, ensuring page scrolls to top when filters are cleared",
"max_score": 20
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-nuqsevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10