rbac-nextjs-system Tailwind Templates

Rbac Nextjs System

A modern web application for managing users and roles with a beautiful UI built using Next.js 14, TypeScript, and Tailwind CSS.

User and Role Management System

A modern web application for managing users and roles with a beautiful UI built using Next.js 14, TypeScript, and Tailwind CSS.

Features

  • 🔐 Complete user management system
  • 👥 Role-based access control
  • 📊 Interactive dashboard
  • 🔍 Real-time search functionality
  • 🌓 Light/Dark mode support
  • 🎨 Beautiful UI with shadcn/ui components
  • 📱 Fully responsive design

Tech Stack

  • Framework: Next.js 14 with App Router
  • Language: TypeScript
  • Styling: Tailwind CSS
  • UI Components: shadcn/ui
  • Form Handling: React Hook Form
  • Validation: Zod
  • Icons: Lucide React

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/vijayindalkar/vrv-security.git
    cd vrv-security
    
  2. Install dependencies:

    npm install
    # or
    yarn install
    
  3. Start the development server:

    npm run dev
    # or
    yarn dev
    
  4. Open http://localhost:3000 with your browser to see the result.

``

Features in Detail

User Management

  • Create, read, update, and delete users
  • Real-time search functionality
  • Role assignment
  • Status management (active/inactive)

Role Management

  • Create and manage roles
  • Granular permission control
  • Role description and metadata
  • Permission assignment interface

Dashboard

  • Overview of system statistics
  • User activity monitoring
  • Role distribution visualization
  • System status indicators

Development

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run start - Start production server
  • npm run lint - Run ESLint

Environment Variables

No environment variables are required for local development.

Top categories

Loading Svelte Themes