nextdns-frontend
CommunityBuild custom NextDNS dashboards with popular frameworks.
Authortuanductran
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the process of building custom user interfaces for managing NextDNS profiles, viewing analytics, and streaming logs, by providing framework-specific patterns and best practices.
Core Features & Use Cases
- Framework Integration: Provides patterns for Nuxt, Next.js, Astro, SvelteKit, and React Router.
- Secure API Proxying: Demonstrates how to proxy NextDNS API keys securely using a Backend-for-Frontend (BFF) pattern.
- UI Components: Offers guidance on building profile management UIs, real-time log streaming interfaces, and analytics dashboards.
- Use Case: A developer wants to build a personalized NextDNS dashboard that aggregates analytics from multiple profiles and displays real-time query logs. This Skill provides the necessary code patterns and security guidelines to achieve this efficiently.
Quick Start
Use the nextdns-frontend skill to generate a Nuxt 4 project setup for NextDNS integration.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: nextdns-frontend Download link: https://github.com/tuanductran/nextdns-skills/archive/main.zip#nextdns-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.