nextdns-frontend
Installation
SKILL.md
NextDNS frontend skills
Nuxt, Next.js, Astro, SvelteKit, and React Router v7 patterns for building a secure, full-featured NextDNS management dashboard.
Nuxt rules
Patterns for Nuxt 4 (Vue) projects.
| Rule | Keywords | Description |
|---|---|---|
| api-proxy | api key, bff, server route, proxy, runtimeConfig, security | Proxy X-Api-Key through Nuxt server routes (BFF) |
| project-setup | nuxt, setup, nuxt.config, runtimeConfig, environment variables | Bootstrap a Nuxt 4 project for NextDNS integration |
| profile-management-ui | profile, crud, useFetch, composable, vue | Build profile list, create, update, and delete flows |
| logs-streaming | logs, streaming, sse, event source, real-time, server-sent events | Proxy and consume the NextDNS SSE log stream |
| analytics-charts | analytics, charts, time series, dashboard, visualization | Fetch and render analytics and time-series data |
| error-handling | error handling, notifications, toast, createError, api errors | Map NextDNS API errors to Nuxt UI notifications |
Related skills
More from tuanductran/nextdns-skills
nextdns-cli
NextDNS CLI client best practices for installation, configuration, and management of
11nextdns-api
NextDNS API integration best practices for authentication, profile management, analytics, logs,
8integrations
NextDNS integration guides for third-party platforms and services. This skill should be used when
1nextdns-ui
NextDNS Web UI configuration and management best practices. This skill should be used when
1