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

# App

> How the main application works in ShipThing.

<Frame>
  <img src="https://mintcdn.com/focusapps/IHfvQhp1ZcNSKlK9/images/app.png?fit=max&auto=format&n=IHfvQhp1ZcNSKlK9&q=85&s=ae7e849e4c81e7c05009bf615b09f374" alt="A preview of app" width="3382" height="2144" data-path="images/app.png" />
</Frame>

<Tip>The `app` application runs on port 3000. We recommend deploying it to `app.{yourdomain}.com`.</Tip>

ShipThing exports the main app from the `apps/app` directory. It is designed to be run on a subdomain of your choice, and is used to run the main user-facing application.

## Overview

The `app` application is the main user-facing application built on [Next.js](https://nextjs.org). It is designed to be a starting point for your own unique projects, containing all the core functionality you need.

## Features

* **Design System**: The app is connected to the [Design System](/packages/design-system) and includes a variety of components, hooks, and utilities to help you get started.
* **Authentication**: The app includes a fully-featured [authentication system](/packages/authentication) with support for email , google and social login. You can easily extend it to support other providers and authentication methods. The app is also broken into authenticated and unauthenticated route groups.
* **Database**: The app is connected to the [Database](/packages/database) and can fetch data in React Server Components.
* **Collaboration**: The app is connected to the [Collaboration](/packages/collaboration) and contains Avatar Stack and Live Cursor components.

## Development

To start the app, run the following command in the root directory:

```sh Terminal theme={"system"}
pnpm --filter app dev
```