Files
prowler/ui
2025-12-03 16:19:18 +01:00
..
2024-11-25 13:15:14 +01:00
2024-11-25 13:15:14 +01:00
2024-11-25 13:15:14 +01:00
2024-11-25 13:15:14 +01:00
2025-11-06 14:32:06 +01:00
2024-11-25 13:15:14 +01:00

Description

This repository hosts the UI component for Prowler, providing a user-friendly web interface to interact seamlessly with Prowler's features.

🚀 Production deployment

Docker deployment

Clone the repository

# HTTPS
git clone https://github.com/prowler-cloud/ui.git

# SSH
git clone git@github.com:prowler-cloud/ui.git

Build the Docker image

docker build -t prowler-cloud/ui . --target prod

Run the Docker container

docker run -p 3000:3000 prowler-cloud/ui

Local deployment

Clone the repository

# HTTPS
git clone https://github.com/prowler-cloud/ui.git

# SSH
git clone git@github.com:prowler-cloud/ui.git

Build the project

npm run build

Run the production server

npm start

🧪 Development deployment

Docker deployment

Clone the repository

# HTTPS
git clone https://github.com/prowler-cloud/ui.git

# SSH
git clone git@github.com:prowler-cloud/ui.git

Build the Docker image

docker build -t prowler-cloud/ui . --target dev

Run the Docker container

docker run -p 3000:3000 prowler-cloud/ui

Local deployment

Clone the repository

# HTTPS
git clone https://github.com/prowler-cloud/ui.git

# SSH
git clone git@github.com:prowler-cloud/ui.git

Install dependencies

You can use one of them npm, yarn, pnpm, bun, Example using npm:

npm install

Note: The npm install command will automatically configure Git hooks for code quality checks. If you experience issues, you can manually configure them:

git config core.hooksPath "ui/.husky"

Run the development server

npm run dev

Setup pnpm (optional)

If you are using pnpm, you need to add the following code to your .npmrc file:

public-hoist-pattern[]=*@nextui-org/*

After modifying the .npmrc file, you need to run pnpm install again to ensure that the dependencies are installed correctly.

Technologies Used

Git Hooks & Code Review

This project uses Git hooks to maintain code quality. When you commit changes to TypeScript/JavaScript files, the pre-commit hook can optionally validate them against our coding standards using Claude Code.

Enabling Code Review

To enable automatic code review on commits, add this to your .env file in the project root:

CODE_REVIEW_ENABLED=true

When enabled, the hook will:

  • Validate your staged changes against AGENTS.md standards
  • Check for common issues (any types, incorrect imports, styling violations, etc.)
  • Block commits that don't comply with the standards
  • Provide helpful feedback on how to fix issues

Disabling Code Review

To disable code review (faster commits, useful for quick iterations):

CODE_REVIEW_ENABLED=false

Or remove the variable from your .env file.

Requirements

  • Claude Code CLI installed and authenticated
  • .env file in the project root with CODE_REVIEW_ENABLED set

Troubleshooting

If hooks aren't running after commits:

# Verify hooks are configured
git config --get core.hooksPath  # Should output: ui/.husky

# Reconfigure if needed
git config core.hooksPath "ui/.husky"