```

=== "Node.js"

    ```Javascript
    {!> ../../../docs_src/generate_clients/tutorial004.js!}
    ```

Damit würden die Operation-IDs von Dingen wie `items-get_items` in `get_items` umbenannt, sodass der Client-Generator einfachere Methodennamen generieren kann.

### Einen TypeScript-Client mit der modifizierten OpenAPI generieren

Auf diese Weise können Sie in vielen Fällen etwas über Container und Docker lernen und dieses Wissen mit vielen verschiedenen Tools und Komponenten wiederverwenden.

Sie würden also **mehrere Container** mit unterschiedlichen Dingen ausführen, wie einer Datenbank, einer Python-Anwendung, einem Webserver mit einer React-Frontend-Anwendung, und diese über ihr internes Netzwerk miteinander verbinden.

    ```Python
    q: Annotated[Union[str, None]] = None
    ```

Beide Versionen bedeuten dasselbe: `q` ist ein Parameter, der `str` oder `None` sein kann. Standardmäßig ist er `None`.

Wenden wir uns jetzt den spannenden Dingen zu. 🎉

## `Query` zu `Annotated` im `q`-Parameter hinzufügen

Jetzt, da wir `Annotated` für unsere Metadaten deklariert haben, fügen Sie `Query` hinzu, und setzen Sie den Parameter `max_length` auf `50`:

lugansk.ua lugs.org.uk lukow.pl lund.no lundbeck lunner.no luroy.no lurøy.no luster.no lutsk.ua luxe luxembourg.museum luxury luzern.museum lv lv.eu.org lv.ua lviv.ua ly lyngdal.no lyngen.no lynx.mythic-beasts.com láhppi.no läns.museum lærdal.no lødingen.no lørenskog.no løten.no m.bg m.se ma ma.gov.br ma.leg.br ma.us macapa.br maceio.br macerata.it machida.tokyo.jp macys mad.museum madrid madrid.museum maebashi.gunma.jp magazine.aero magnet.page maibara.shiga.jp maif mail.pl main.jp maintenance.aero...