# 검색 프론트엔드 설치하기

<figure><img src="https://889768860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F86EGDbqiEQQc91OjPHgn%2Fuploads%2FoVElf6du9IogmDPasEgB%2F%E1%84%91%E1%85%B3%E1%84%85%E1%85%A9%E1%86%AB%E1%84%90%E1%85%B3%E1%84%8B%E1%85%A6%E1%86%AB%E1%84%83%E1%85%B3.png?alt=media&#x26;token=78e4a817-2d0f-419f-b385-47fd0e974708" alt=""><figcaption></figcaption></figure>

#### genser 프론트엔드 연동 시작하기

SDK 설치부터 API 호출까지, 서비스에 검색 엔진을 연동하는 개발 가이드를 확인하세요.

{% content-ref url="frontend-installation/installation-guide" %}
[installation-guide](https://docs.genser.ai/integration/frontend-installation/installation-guide)
{% endcontent-ref %}

***

#### 💡 genser를 어떻게 노출하면 좋을지 고민 중이신가요?

AI 검색 경험을 높여주는 4가지 실무 팁과 예시 코드를 참고해 보세요.

{% content-ref url="frontend-installation/installation-tips" %}
[installation-tips](https://docs.genser.ai/integration/frontend-installation/installation-tips)
{% endcontent-ref %}