LoadLab is a modern web application that provides a powerful visual interface for running K6 load tests directly from your browser. It eliminates the need to write complex K6 scripts manually, allowing developers and QA engineers to configure, execute, and monitor performance tests through an intuitive dashboard.
- Intuitive Configuration: Set up target URLs, HTTP methods, VUs, and duration without touching a line of code.
- Advanced Options: Support for custom Request Headers, Request Body, Ramp-up Stages, and K6 Thresholds.
- Real-time Metrics: Monitor total requests, success/error rates, response times (Avg/P95), and throughput (Req/s) as the test runs.
- Live Logs: View real-time output from the K6 engine in a terminal-style log viewer.
- Premium Design: A responsive, dark-themed interface built with modern web aesthetics (Shadcn UI, Glassmorphism).
- Frontend: Next.js (App Router), TypeScript, React 19
- Styling: Tailwind CSS, Shadcn UI
- Load Testing Engine: K6 (Run as a child process)
- Real-time Communication: Server-Sent Events (SSE)
- Package Manager: pnpm
Before running the project, ensure you have the following installed on your system:
- Node.js: Version 18.x or later.
- pnpm: The recommended package manager for this project.
npm install -g pnpm
- K6: The load testing engine must be installed and available in your system's
PATH.- macOS (Homebrew):
brew install k6 - Windows (Chocolatey):
choco install k6 - Linux (APT): Check installation guide
- macOS (Homebrew):
Follow these steps to set up and run LoadLab locally:
git clone https://github.com/vickyvaf/load-lab.git
cd load-labpnpm installpnpm devOpen http://localhost:3000 in your browser to start testing.
To learn more about the technologies used in this project:
- Next.js Documentation - learn about Next.js features and API.
- K6 Documentation - learn about K6 load testing engine.
- Shadcn UI - premium components used for styling.