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

# Readdy V2.0

> Build smarter with React-based projects and shared components

# What's New in Readdy V2.0

Readdy V2.0 introduces **project-based website generation** with React — a major leap from V1.0. Build smarter, faster, and more consistently.

<Frame>
  <img src="https://mintcdn.com/readdy/avsZxRT1zcyAuKCM/images/readdy-v2-hero.png?fit=max&auto=format&n=avsZxRT1zcyAuKCM&q=85&s=65224e7d4611f88e2f435e596124cc83" alt="Readdy 2.0 Project Dashboard" width="3330" height="1922" data-path="images/readdy-v2-hero.png" />
</Frame>

## Project-Based Architecture

Readdy 2.0 creates **complete React projects** where all pages share common components.

**Key Benefits:**

* **Shared Components**: Navigation bars, footers, and UI elements stay consistent across all pages
* **Global Updates**: Change once, apply everywhere — no more manually updating each page
* **Context-Aware Generation**: New pages are created with your entire project's style and structure in mind
* **Intelligent Error Handling**: Automatic detection and fixing of common issues during generation

## V2.0 vs V1.0

<AccordionGroup>
  <Accordion title="V2.0: React Project-Based Generation (Recommended)" icon="react">
    ### How It Works

    * Creates a **full React/Next.js project** with shared architecture
    * All pages within the project share common components (navigation, footer, layout)
    * Updates to shared components automatically propagate across all pages
    * Context-aware: AI considers your entire project when generating new pages

    ### Key Advantages

    * ✅ **Consistency**: Unified design and components across all pages
    * ✅ **Efficiency**: Update once, apply everywhere
    * ✅ **Scalability**: Easy to manage projects with dozens of pages
    * ✅ **Intelligent**: AI understands your project context
    * ✅ **Auto-Recovery**: Automatic error detection and fixing
    * ✅ **Real-Time Updates**: See task breakdowns as pages generate

    ### Best For

    * Multi-page websites
    * Professional business sites
    * E-commerce platforms
    * Portfolios with multiple sections
  </Accordion>

  <Accordion title="V1.0: Single-Page Generation (Legacy)" icon="html5">
    ### How It Worked

    * Generated **isolated, standalone pages**
    * Each page was created independently with no shared code
    * Every page had its own navigation, footer, and components

    ### Limitations

    * ❌ **Inconsistency**: Each page could have different styles and navigation
    * ❌ **Inefficiency**: Had to update each page individually
    * ❌ **No Context**: AI couldn't consider other pages when generating
    * ❌ **No Error Recovery**: Failed pages required starting over
    * ❌ **Maintenance Burden**: Hard to keep multiple pages aligned

    ### When to Use

    * Simple landing pages
    * One-off designs
    * Quick prototypes
  </Accordion>
</AccordionGroup>

## Getting Started

When creating a new project, select **React (Recommended)** as your framework:

<Steps>
  <Step title="Create New Project">
    Click **New Project** in your dashboard
  </Step>

  <Step title="Select React Framework">
    Choose **React (Recommended)** to access V2.0 features
  </Step>

  <Step title="Describe Your Website">
    Tell Readdy what you want to build — be specific!
  </Step>

  <Step title="Watch Real-Time Generation">
    See task breakdowns as Readdy builds your complete project
  </Step>

  <Step title="Add More Pages">
    Use the AI to generate additional pages that automatically match your project's style
  </Step>
</Steps>

<Info>
  **New in V2.0**: During generation, Readdy provides real-time updates showing exactly what tasks are being performed. You'll see the AI thinking through your project structure!
</Info>

## Key Features

* **In-Project Routing**: Navigate between pages with forward/back buttons and quick-access menu

<Frame>
  <img src="https://mintcdn.com/readdy/avsZxRT1zcyAuKCM/images/readdy-v2-in-project-routing.png?fit=max&auto=format&n=avsZxRT1zcyAuKCM&q=85&s=8355b0eea9ad41ef9376431a5b6fc2b7" alt="Readdy 2.0 In-Project Routing" width="2318" height="1210" data-path="images/readdy-v2-in-project-routing.png" />
</Frame>

* **Desktop & Mobile Preview**: Switch between device views to test responsive design
* **One-Click Error Fix**: AI automatically detects and resolves generation issues
* **Code Input Support**: Add reference code to guide AI generation
* **Advanced Integrations**: Connect with Supabase, Shopify, Stripe, and more

## FAQ

<AccordionGroup>
  <Accordion title="Can I migrate my V1.0 pages to V2.0?" icon="arrows-rotate">
    Currently, V1.0 and V2.0 projects are separate. We recommend creating a new React project in V2.0 and regenerating your pages to take advantage of shared components and improved AI context.
  </Accordion>

  <Accordion title="What if I only need a single page?" icon="file">
    V2.0 works great for single pages too! Even with one page, you'll benefit from cleaner code, better structure, and the option to easily expand later.
  </Accordion>

  <Accordion title="Is there a learning curve?" icon="graduation-cap">
    Not at all! The generation process is just as simple — describe what you want, and Readdy builds it. The complexity is handled behind the scenes.
  </Accordion>
</AccordionGroup>

<Note>
  Have questions about upgrading? [Contact our support team](mailto:hi@readdy.ai) — we're here to help! 💜
</Note>