Dashboard
NetBird Management Service Web UI Panel
Overview
The NetBird Dashboard is designed to simplify the management of VPN connections built with NetBird. Its user-friendly interface provides essential tools for tracking the status of peers, managing user access, and setting up authentication keys. This dashboard is particularly useful for users who need efficient control over their VPN services, ensuring everything from user management to access control is straightforward and intuitive.
Whether you're running it on a local development server or using the hosted version, the NetBird Dashboard leverages modern technologies such as NextJS and ReactJS to deliver a seamless user experience. With its robust features and easy integration, this dashboard is an excellent choice for anyone looking to enhance their VPN management capabilities.
Features
- Peer Status Tracking: Easily monitor the status of all connected peers with real-time updates for efficient management.
- User Management: Simplified user listing and management functionality, making it easy to add or remove users as needed.
- Setup Key Management: Effortlessly create and manage Setup Keys to authenticate new peers within your network.
- Access Control Definitions: Define and enforce access controls to ensure that only authorized users can access specific resources.
- Docker Support: The dashboard can be easily deployed using Docker, allowing for flexible hosting options and consistency across development environments.
- Local Development: Supports local development with a quick setup process, including auto-updating features for efficient code editing and testing.
- Auth0 Integration: Utilizes Auth0 for comprehensive user management solutions, supporting social logins and secure authentication processes.
- SSL Support: Includes options for running the dashboard with SSL using Let's Encrypt, ensuring secure connections for your VPN management tasks.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Flowbite
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
