---
title: نظرة عامة
description: التوثيق التقني للمساهمين والمطورين الذين يعملون مع Twenty
---

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

## Getting started

<CardGroup cols={2}>
  <Card href="/l/ar/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/ar/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/ar/developers/api-and-webhooks/api" img="/images/user-guide/api/api.png">
    <CardTitle>API and Webhooks</CardTitle>
    REST and GraphQL APIs, webhooks, and integrations
  </Card>
</CardGroup>

## المساهمة

<CardGroup cols={2}>
  <Card href="/l/ar/developers/bug-and-requests" img="/images/user-guide/api/api.png">
    <CardTitle>الأخطاء والطلبات</CardTitle>
    Ask for help on GitHub or Discord
  </Card>

  <Card href="/l/ar/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/ar/developers/backend-development/server-commands" img="/images/user-guide/kanban-views/kanban.png">
    <CardTitle>تطوير الواجهة الخلفية</CardTitle>
    NestJS, Custom Objects, Queues...
  </Card>
</CardGroup>