> ## 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 应用

> ShipThing中 App 应用的工作原理

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

<Tip>`app`应用运行在3000端口。我们建议将其部署到`app.{yourdomain}.com`。</Tip>

ShipThing从`apps/app`目录导出主应用。它设计为运行在您选择的子域名下，用于运行面向用户的主应用程序。

## 概述

`app`应用是基于[Next.js](https://nextjs.org)构建的面向用户的主应用程序。它设计为您独特项目的起点，包含您所需的所有核心功能。

## 功能特性

* **设计系统**：应用连接了[设计系统](/zh/packages/design-system)，包含各种组件、钩子和工具，帮助您快速开始
* **认证系统**：应用包含完整的[认证系统](/zh/packages/authentication)，支持电子邮件、Google和社交登录。您可以轻松扩展以支持其他提供商和认证方法。应用还分为认证和非认证路由组
* **数据库**：应用连接了[数据库](/zh/packages/database)，可以在React服务器组件中获取数据
* **协作功能**：应用连接了[协作](/zh/packages/collaboration)包，包含Avatar Stack和Live Cursor组件

## 开发

要启动应用，请在根目录中运行以下命令：

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