admin-list-pattern

Implement searchable, paginated admin lists with URL state and debounced search.

1|Updated Jan 2, 2025
One-click install
npx skills add https://github.com/allenlin90/eridu-services --skill admin-list-pattern
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: admin-list-pattern
Source: https://github.com/allenlin90/eridu-services/tree/main/.agent/skills/admin-list-pattern
Command: npx skills add https://github.com/allenlin90/eridu-services --skill admin-list-pattern

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables robust admin tables with server-side filtering and debounced search in Erify Admin and related frontend/backend apps, reducing manual wiring and duplications.

Core Features & Use Cases

  • Backend Pattern: A paginated list query that extends base pagination with filters, and repository logic to build a robust where clause.
  • Frontend Pattern: Synchronized URL state with DataTable filters and debounced search controls.
  • Use Case: Add a new admin table that supports name search and status filters without custom wiring.

Quick Start

Configure a new admin table to support server-side filtering and debounced search using the standard list pattern.

Frequently Asked Questions about admin-list-pattern

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

FAQPage Schema
How do I implement server-side search and pagination for admin tables in TypeScript?

Server-side search and pagination for admin tables is implemented by defining a paginated list query DTO, repository filtering with case-insensitive partial matches, service delegation, and controller integration to ensure robust data retrieval.

How to synchronize URL state with DataTable filters and debounced search controls?

Synchronizing URL state with DataTable filters and debounced search controls uses a unified frontend pattern to bind query parameters directly to the table interface, maintaining consistent pagination and filtering without manual wiring.

Does this admin list pattern work with Prisma for building the where clause?

Yes, the admin list pattern works with Prisma by applying repository logic to build a robust where clause, enabling case-insensitive partial matches and extending base pagination with filters for the backend query.

What is the standard pattern for adding a new admin table with name search and status filters?

The standard pattern for adding a new admin table with name search and status filters involves a DTO-based query extending base pagination, repository filtering, service delegation, and controller integration to automate the list generation.

Can I apply this list pattern across both frontend and backend applications?

Yes, you can apply this list pattern across both frontend and backend applications by synchronizing shared pagination, filtering, and debounced search controls between erify_api and erify_studios to reduce manual duplications.