CloudHub - An example website built with Kombai

A modern responsive website built with dynamic content fetched directly from DatoCMS. This website was made entirely by Kombai, an AI agent built for frontend tasks, across 4 threads.

🛠️ Tech Stack

Frontend Framework

• React 19 - Latest React with modern features and improved performance
• TypeScript - Full type safety throughout the application
• Vite - Fast build tool and development server

UI & Styling

• Material-UI v7 - Modern React component library
• Emotion - CSS-in-JS styling solution for custom components

Data Management

• Apollo Client - GraphQL client for data fetching and caching
• GraphQL - Type-safe API queries with code generation

👨‍💻 How it was built

Here are the loom recordings of some threads used to build this project with Kombai

• Thread 1
• Thread 2
• Thread 3
• Thread 4

Some additional threads used for refactoring the code output of Thread 4 using Kombai

• Additional Thread 1
• Additional Thread 2

🚀 How to get started

• Clone this repo.
• Create a .env file in the project root and add the DatoCMS API token, as shown in .env.example. Refer to the linked guide to get the API token.
• Install the dependencies and start the dev server.

npm install
npm run dev