> ## Documentation Index
> Fetch the complete documentation index at: https://codinitdev-mintlify-update-changelog-codinit-dev-90028.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# WebContainer

> Switch between different parts of your app while it's running

WebContainer lets you run your app and see it working. If your app has multiple parts (like a website and a backend), you can easily switch between them.

## What is WebContainer?

Think of WebContainer like a mini computer inside CodinIT. It runs your code and shows you what it looks like, just like opening a website in your browser.

<CardGroup cols={3}>
  <Card title="Switch Views" icon="hash">
    Jump between different parts of your app
  </Card>

  <Card title="Multiple Parts" icon="server">
    Run several things at once
  </Card>

  <Card title="See What's Active" icon="activity">
    Know which part you're looking at
  </Card>
</CardGroup>

## How to Use It

### Switching Between Parts

When your app is running, you might see different "ports" (think of them as different doors to your app). You can click a dropdown to switch between them.

* Click the port number to see all available parts
* Select the one you want to view
* Your preview updates instantly

### When You Need Multiple Parts

Some apps have different pieces that work together:

* **Website** - What users see and click on
* **Backend** - The part that handles data and logic
* **Tools** - Extra helpers for testing or building

You can view each part separately to make sure everything works correctly.

### Navigating Your App

Once you pick a part to view:

* Type URLs in the address bar to visit different pages
* Click the refresh button to reload
* Open in a new tab to see it in your regular browser

<Callout type="info">
  **Easy Switching**: CodinIT automatically finds all the running parts of your app. Just pick the one you want to see from the dropdown menu.
</Callout>