> ## 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.

# Video Tutorials

> Watch step-by-step video guides

Learn Kleap through video walkthroughs and demonstrations.

## Getting Started Videos

### Introduction to Kleap

<iframe width="100%" height="400" src="https://www.youtube.com/embed/placeholder" title="Introduction to Kleap" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen className="rounded-lg" />

*Coming soon - Subscribe to our YouTube channel for updates*

### Building Your First App

Learn the basics of creating an app with Kleap:

* Creating a new project
* Using the AI chat
* Working with the preview
* Publishing your app

## Feature Deep Dives

### AI Chat Masterclass

Learn how to write effective prompts:

* Structuring your requests
* Iterating on designs
* Troubleshooting with AI
* Advanced techniques

### Database Integration

Using Kleap Database (built in — no separate account):

* Enabling the database for your app
* Creating tables
* Built-in accounts (email/password auth)
* Data privacy so each user only sees their own data

### Template Walkthroughs

See how to use each template:

* SaaS Template setup
* Portfolio customization
* Landing page creation
* E-commerce configuration

## Project Tutorials

### Build a SaaS in 30 Minutes

Complete walkthrough of building a SaaS:

1. Starting from template
2. Customizing the dashboard
3. Adding features
4. Setting up payments
5. Deploying

### Create a Portfolio Site

Build a professional portfolio:

1. Planning your content
2. Designing the layout
3. Adding projects
4. Contact form setup
5. Going live

### E-commerce Store Setup

Full e-commerce tutorial:

1. Product catalog
2. Shopping cart
3. Checkout flow
4. Order management

## Tips & Tricks Videos

### Speed Building Techniques

Learn to build faster:

* Using element selection
* Effective prompting
* Keyboard shortcuts
* Template customization

### Design Tips

Make your apps look professional:

* Color schemes
* Typography
* Spacing and layout
* Mobile responsiveness

### Performance Optimization

Build fast apps:

* Image optimization
* Database queries
* Loading states
* Best practices

## Live Streams

### Weekly Office Hours

Join our live sessions:

* Q\&A with the team
* Live building sessions
* Feature previews
* Community showcases

*Schedule coming soon*

## YouTube Channel

<Card title="Subscribe to Kleap on YouTube" icon="youtube" href="https://youtube.com/@kleap">
  Get notified when new tutorials are posted
</Card>

## Request a Video

Want a specific tutorial? Let us know:

* Comment on YouTube
* Post in Discord
* Email [hello@kleap.co](mailto:hello@kleap.co)

## Video Resources

### External Tutorials

Community-created content:

*Coming soon - Community tutorials will be featured here*

### Related Channels

Learn the technologies Kleap uses:

* **Astro** - Framework basics
* **Tailwind CSS** - Styling
* **React islands** - Interactivity

<Info>
  We're actively creating video content. Check back regularly for new tutorials!
</Info>

<Card title="Written Tutorials" icon="book" href="/use-cases/overview">
  Prefer reading? Check out our written guides
</Card>