Frontend guide

Welcome to the Infrahub frontend guide! This guide details the technologies and steps required to contribute effectively to the Infrahub frontend.

Infrahub stack

Infrahub frontend is developed with:

• UI Framework: React
• Typing: TypeScript
• Component Library: Headless UI
• CSS Framework: Tailwind CSS
• GraphQL Client: Apollo Client
• State Management: Jotai

For testing, we rely on:

• Unit testing: Vitest
• Integration testing: Cypress Component Testing
• end-to-end testing: Playwright

Accessing the frontend code

To access Infrahub's codebase, use Git and switch to the develop branch to access the latest changes. All frontend code resides in /frontend.

git clone --recursive git@github.com:opsmill/infrahub.git
cd infrahub/frontend

Before contributing, we recommended starting with Getting set up with frontend.