인증 방식
🔑 API Key
요금
10,000 검색·레코드 무료, Grow $50/월~
Base URL
[app-id]-dsn.algolia.net
태그
검색, Algolia
서비스 소개
Algolia는 밀리초 단위의 초고속 검색을 제공하는 Search-as-a-Service입니다. 오타 허용, 동의어 처리, 자동완성, 결과 하이라이트, 패싯 필터링 등 고급 검색 기능을 쉽게 구현할 수 있습니다. 월 10,000 검색, 10,000 레코드까지 무료입니다.
🚀 시작하기
- 1
Algolia 가입
algolia.com → 무료 가입 → 앱 생성
- 2
API 키 확인
API Keys에서 Application ID, Search API Key, Admin API Key 복사
- 3
SDK 설치
npm install algoliasearch react-instantsearch
💡 코드 예제
JavaScriptReact (InstantSearch)
import algoliasearch from 'algoliasearch/lite'
import { InstantSearch, SearchBox, Hits, Highlight } from 'react-instantsearch'
const searchClient = algoliasearch(
process.env.NEXT_PUBLIC_ALGOLIA_APP_ID!,
process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_KEY!
)
function Hit({ hit }: { hit: any }) {
return (
<div className="p-3 border rounded-lg">
<Highlight attribute="name" hit={hit} className="font-bold" />
<p className="text-sm text-gray-500">{hit.description}</p>
</div>
)
}
export function AlgoliaSearch() {
return (
<InstantSearch searchClient={searchClient} indexName="products">
<SearchBox placeholder="검색어 입력..." />
<Hits hitComponent={Hit} />
</InstantSearch>
)
}