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

# Quick Start Overview

> Learn to build iPhone, iPad, and Mac apps through hands-on tutorials

# Quick Start

The best way to learn Nativeline is by building. These tutorials walk you through creating real apps — from simple to sophisticated.

## Choose Your Tutorial

<CardGroup cols={2}>
  <Card title="Your First App" icon="rocket" href="/quick-start/your-first-app">
    **⏱️ 10 minutes**

    Create your first iOS app. Learn the basics: describing your idea, using the wizard, and making changes.

    *Perfect for: Complete beginners*
  </Card>

  <Card title="Your First iPad App" icon="tablet" href="/quick-start/your-first-ipad-app">
    **⏱️ 15 minutes**

    Build an iPad app with sidebar navigation. Learn to take advantage of the larger screen with split-view layouts.

    *Perfect for: Building iPad-specific apps*
  </Card>

  <Card title="Your First Mac App" icon="laptop" href="/quick-start/your-first-mac-app">
    **⏱️ 15 minutes**

    Build a native Mac app that runs on your desktop. Learn macOS patterns like keyboard shortcuts and menu bars.

    *Perfect for: Building native Mac apps*
  </Card>

  <Card title="Todo App" icon="list-check" href="/quick-start/todo-app">
    **⏱️ 30 minutes**

    Build a task manager with local storage. Learn to add items, complete them, and persist data.

    *Perfect for: Learning CRUD operations*
  </Card>

  <Card title="Weather App" icon="cloud-sun" href="/quick-start/weather-app">
    **⏱️ 45 minutes**

    Build a weather app with live data. Learn to work with APIs, location, and real-time updates.

    *Perfect for: Learning API integration*
  </Card>

  <Card title="Photo Gallery" icon="images" href="/quick-start/photo-gallery">
    **⏱️ 30 minutes**

    Build a photo gallery with camera access. Learn to capture photos and browse your library.

    *Perfect for: Learning device features*
  </Card>

  <Card title="Notes App" icon="note-sticky" href="/quick-start/notes-app">
    **⏱️ 45 minutes**

    Build a notes app with cloud sync. Learn to integrate Supabase for authentication and storage.

    *Perfect for: Learning cloud integration*
  </Card>
</CardGroup>

***

## Learning Path

### If You're Brand New

Start here and work your way through:

1. **[Your First App](/quick-start/your-first-app)** — Learn the basics
2. **[Your First iPad App](/quick-start/your-first-ipad-app)** — Build for iPad
3. **[Your First Mac App](/quick-start/your-first-mac-app)** — Build for Mac
4. **[Todo App](/quick-start/todo-app)** — Understand data and storage
5. Choose your interest: Photos, Weather, or Notes

### If You Want Cloud Features

Jump to the Notes App tutorial to learn Supabase integration, then apply those concepts to your own ideas.

### If You're a Visual Learner

Start with the Photo Gallery — it's visual, interactive, and you'll see results immediately.

***

## What You'll Learn

Each tutorial teaches specific skills:

| Tutorial            | You'll Learn                                       |
| ------------------- | -------------------------------------------------- |
| Your First App      | Wizard, chat interface, basic prompts              |
| Your First iPad App | iPad layouts, sidebar navigation, split views      |
| Your First Mac App  | macOS patterns, keyboard shortcuts, native windows |
| Todo App            | Lists, forms, local storage, state management      |
| Weather App         | API calls, location services, data display         |
| Photo Gallery       | Camera access, photo library, image display        |
| Notes App           | Authentication, cloud database, real-time sync     |

***

## Before You Start

Make sure you have:

<CardGroup cols={2}>
  <Card title="Nativeline Installed" icon="check">
    [Download and install](/introduction/installation) if you haven't already
  </Card>

  <Card title="Account Created" icon="user">
    [Create an account](/introduction/account-setup) to save your projects
  </Card>
</CardGroup>

***

## Tips for Success

<AccordionGroup>
  <Accordion title="Start simple, add complexity" icon="stairs">
    Begin with basic functionality. Once it works, add features one at a time. This approach uses fewer bits and creates more stable apps.
  </Accordion>

  <Accordion title="Be specific in your prompts" icon="bullseye">
    Instead of "make it look better," say "add 16pt padding and rounded corners to the cards." Specific requests get better results and use fewer bits.
  </Accordion>

  <Accordion title="Test as you go" icon="vial">
    After each change, interact with your app in the Simulator. Catching issues early is easier than fixing them later.
  </Accordion>

  <Accordion title="Watch the AI work" icon="eye">
    Watch the code previews and tool cards to understand what the AI is building. If something seems wrong, you can give feedback or use `/planclear` to start fresh.
  </Accordion>

  <Accordion title="Don't be afraid to iterate" icon="rotate">
    Your first version won't be perfect — and that's fine! Building apps is iterative. Keep refining until you're happy.
  </Accordion>
</AccordionGroup>

***

## Ready to Build?

<Card title="Start with Your First App" icon="rocket" href="/quick-start/your-first-app">
  Create your first iPhone, iPad, or Mac app in minutes — no coding required
</Card>