---
title: 概覽
description: 為參與者和開發者提供的技術文檔，用於與 Twenty 協作。
---

import { CardTitle } from "/snippets/card-title.mdx"

## Getting started

<CardGroup cols={2}>
  <Card href="/l/zh/developers/local-setup" img="/images/user-guide/fields/field.png">
    <CardTitle>本地設定</CardTitle>
    The guide for contributors (or curious developers) who want to run Twenty locally (on laptop, PC...)
  </Card>

  <Card href="/l/zh/developers/self-hosting/docker-compose" img="/images/user-guide/integrations/plug.png">
    <CardTitle>Self-Hosting</CardTitle>
    Learn how to host Twenty on your own server
  </Card>

  <Card href="/l/zh/developers/api-and-webhooks/api" img="/images/user-guide/api/api.png">
    <CardTitle>API 和 Webhooks</CardTitle>
    REST and GraphQL APIs, webhooks, and integrations
  </Card>
</CardGroup>

## 貢獻

<CardGroup cols={2}>
  <Card href="/l/zh/developers/bug-and-requests" img="/images/user-guide/api/api.png">
    <CardTitle>錯誤和請求</CardTitle>
    Ask for help on GitHub or Discord
  </Card>

  <Card href="/l/zh/developers/frontend-development/frontend-commands" img="/images/user-guide/create-workspace/workspace-cover.png">
    <CardTitle>前端開發</CardTitle>
    Frontend commands, Figma, React Best Practices...
  </Card>

  <Card href="/l/zh/developers/backend-development/server-commands" img="/images/user-guide/kanban-views/kanban.png">
    <CardTitle>後端開發</CardTitle>
    NestJS, Custom Objects, Queues...
  </Card>
</CardGroup>