---
title: Огляд
description: Технічна документація для учасників та розробників, що працюють з Twenty
---

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

## Getting started

<CardGroup cols={2}>
  <Card href="/l/uk/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/uk/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/uk/developers/api-and-webhooks/api" img="/images/user-guide/api/api.png">
    <CardTitle>API і вебхуки</CardTitle>
    REST and GraphQL APIs, webhooks, and integrations
  </Card>
</CardGroup>

## Співпраця

<CardGroup cols={2}>
  <Card href="/l/uk/developers/bug-and-requests" img="/images/user-guide/api/api.png">
    <CardTitle>Помилки та запити</CardTitle>
    Ask for help on GitHub or Discord
  </Card>

  <Card href="/l/uk/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/uk/developers/backend-development/server-commands" img="/images/user-guide/kanban-views/kanban.png">
    <CardTitle>Бекенд розробка</CardTitle>
    NestJS, Custom Objects, Queues...
  </Card>
</CardGroup>