> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kleap.co/llms.txt
> Use this file to discover all available pages before exploring further.

# What You Can Build

> The kinds of sites you can create with Kleap

Every Kleap site starts from a pre-configured Astro foundation that's ready to customize with AI.

## How It Works

When you create a new site, Kleap sets up:

* **Astro 5** for fast, static-first websites
* **Tailwind CSS v4** for styling
* **React 19 islands** for interactivity
* **TypeScript** for type safety
* **Kleap Database** available on demand (opt-in, added when your site needs saved data or logins)

## Building Your Site

Instead of choosing from pre-made templates, you describe what you want to build:

```
Create a SaaS landing page with pricing section,
features grid, and signup form
```

```
Build a business site with services, testimonials,
opening hours, and a contact form
```

```
Make an e-commerce product page with an image gallery,
reviews, and a "Buy now" button
```

The AI generates exactly what you need, customized to your requirements.

## What You Can Build

<CardGroup cols={2}>
  <Card title="Landing & Marketing" icon="rocket">
    Product launches, waitlists, pricing and feature pages
  </Card>

  <Card title="Business Sites" icon="briefcase">
    Restaurants, agencies, local services, contact forms
  </Card>

  <Card title="Portfolios" icon="palette">
    Project showcases, about pages, personal sites
  </Card>

  <Card title="Blogs & Content" icon="newspaper">
    Articles, content pages, SEO-first sites
  </Card>

  <Card title="Sell Products" icon="shopping-cart">
    Product pages and catalogs with Stripe payment links
  </Card>

  <Card title="Simple Web Apps" icon="wrench">
    Logins and saved data with the built-in Kleap Database
  </Card>
</CardGroup>

<Info>
  Kleap sites are static and fast by default. Dynamic features — user accounts, saved data — come from the opt-in **Kleap Database**; payments use **Stripe payment links** (no server keys in your site). Advanced server-side flows (custom checkout webhooks, order management) need a separate backend.
</Info>

## Benefits of the AI-First Approach

| Traditional Templates | Kleap AI Approach       |
| --------------------- | ----------------------- |
| Limited customization | Unlimited flexibility   |
| Generic designs       | Tailored to your needs  |
| Find and adapt        | Describe and create     |
| One-size-fits-all     | Built for your use case |

## Get Started

<Card title="Create Your First Site" icon="play" href="/introduction/getting-started">
  Start building in minutes
</Card>