---
title: Get Started
---

import {
  QuickStartLocal,
  CustomEndpoints,
  Logo,
  ToolKit,
  Changelog,
  Roadmap,
  Features,
  OurAuthors,
} from '@/components/CardIcons'

# Get Started

### Quick Start Guides

<div>
  <Cards num={2}>
    <Cards.Card title="" href="/docs/quick_start/local_setup" icon={<QuickStartLocal />} image />
    <Cards.Card
      title=""
      href="/docs/quick_start/custom_endpoints"
      icon={<CustomEndpoints />}
      image
    />
  </Cards>
</div>

### Explore our Documentation

<Cards num={6}>
  <Cards.Card href="/docs/local" title="Local Installation" image arrow>
    ![Local Installation](/images/cards/local.svg)
  </Cards.Card>
  <Cards.Card href="/docs/remote" title="Remote Hosting" image arrow>
    ![Remote Hosting](/images/cards/remote.svg)
  </Cards.Card>
  <Cards.Card href="/docs/configuration" title="Configuration" image arrow>
    ![Configuration](/images/cards/config.svg)
  </Cards.Card>
  <Cards.Card href="/docs/user_guides" title="User Guides" image arrow>
    ![Features](/images/cards/guides.svg)
  </Cards.Card>
  <Cards.Card href="/docs/development" title="Development" image arrow>
    ![Development](/images/cards/code.svg)
  </Cards.Card>
  <Cards.Card href="/docs/documentation" title="Documentation" image arrow>
    ![Documentation](/images/cards/docs.svg)
  </Cards.Card>
</Cards>

---

<div>
  <Cards num={3}>
    <Cards.Card title="" href="/about" icon={<Logo />} image />
    <Cards.Card title="" href="/changelog" icon={<Changelog />} image />
    <Cards.Card title="" href="/docs/features" icon={<Features />} image />
    <Cards.Card title="" href="/toolkit" icon={<ToolKit />} image />
    <Cards.Card title="" href="/blog/2024-02-19_2024_roadmap" icon={<Roadmap />} image />
    <Cards.Card title="" href="/authors" icon={<OurAuthors />} image />
  </Cards>
</div>
