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

# Build Your First App

> Get started building your first AI-powered application with Constructr

## Build Your First App

Ready to turn your idea into a working application? Follow these steps to build your first app with Constructr.

<Card title="Get Started for Free" icon="rocket" href="https://studio.constructr.ai/auth/signup" horizontal>
  Sign up and start building your first AI-powered application today. No credit card required.
</Card>

## Step 1: Sign Up

1. Visit [studio.constructr.ai](https://studio.constructr.ai/auth/signup)
2. Create your account (no credit card required)
3. You'll be taken to your dashboard where you can start building

## Step 2: Describe Your Idea

Once you're in the platform, you'll see a prompt where you can describe what you want to build. Be as specific as possible about:

* **What your app does**: The main purpose and functionality
* **Who it's for**: Your target users
* **Key features**: What users should be able to do
* **Any integrations**: Services you want to connect (Slack, Notion, etc.)

### Example Prompts

**Good prompt:**

> "Build a task management app where users can create, edit, and delete tasks. Each task should have a title, description, due date, and priority level. Users should be able to filter tasks by priority and mark them as complete. Include a dashboard that shows task statistics."

**Better prompt:**

> "Create a team task management app for small teams (5-10 people). Users can create tasks with title, description, due date, priority (low/medium/high), and assign them to team members. Include a kanban board view, filter by assignee and priority, and send Slack notifications when tasks are assigned or completed. Add a dashboard showing team productivity metrics."

## Step 3: Watch the Magic Happen

After you submit your prompt, Constructr's AI agents get to work:

1. **Product Agent** analyzes your requirements and creates a comprehensive product specification
2. **Design Agent** creates beautiful UI/UX designs tailored to your needs
3. **Software Engineering Agent** generates production-ready code
4. **QA Agent** ensures quality
5. **DevOps Agent** handles deployment

You can watch the progress in real-time as your app is being built.

## Step 4: Review and Refine

Once your app is built, you'll be able to:

* **Preview the design** before deployment
* **Test the functionality** in a preview environment
* **Request changes** if something isn't quite right
* **Publish** either on your custom domain or constructr.dev domain

## Step 5: Publish and Share

When you're satisfied with your app:

1. Click "Publish" to make it live
2. Your app gets a unique URL
3. Share it with your team or users
4. Start using it right away!

## Tips for Success

<AccordionGroup>
  <Accordion title="Be Specific">
    The more details you provide, the better the result. Include information about user flows, data you want to store, and any specific features you need.
  </Accordion>

  <Accordion title="Start Simple">
    Begin with a core feature set, then iterate. You can always add more features later by requesting modifications.
  </Accordion>

  <Accordion title="Use Examples">
    Reference similar apps or features you've seen elsewhere. This helps the AI understand your vision better.
  </Accordion>

  <Accordion title="Iterate">
    Don't worry about getting it perfect the first time. You can always refine and improve your app after it's built.
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Learn How to Iterate" icon="arrow-repeat" href="/working-with-constructr/how-to-iterate">
    Discover how to refine and improve your apps after they're built.
  </Card>

  <Card title="Explore Integrations" icon="plug" href="/working-with-constructr/how-to-use-integrations">
    Connect your apps to popular services like Slack, Notion, and more.
  </Card>

  <Card title="Best Practices" icon="star" href="/best-practices/how-to-prompt">
    Learn how to write effective prompts for better results.
  </Card>

  <Card title="Get Inspiration" icon="lightbulb" href="/best-practices/prompt-inspirations">
    See examples of what others have built with Constructr.
  </Card>
</CardGroup>

<Note>
  **Need help?** Check out our [FAQs](/faqs) or [join our Discord community](https://discord.com/invite/z9xmYcHDGZ) for support.
</Note>