Build & Deploy an AI-Powered Ecommerce Search Engine with Next.js 15, Hugging Face & Pinecone
- Next.js 15, Hugging Face, Pinecone을 사용하여 AI 기반 이커머스 검색 엔진을 구축합니다. 🚀
- 키워드 기반 검색 엔진 대신 자연어 검색을 가능하게 합니다. 🗣️
- Hugging Face의 sentence transformer 모델을 사용하여 상품에 대한 벡터 임베딩을 생성합니다. 🧠
- Pinecone은 고성능 벡터 데이터베이스로 임베딩을 저장하는 데 사용됩니다. 🗄️
- Vercel에 배포하여 포트폴리오에 추가할 수 있습니다. 🌐
- 벡터 임베딩은 단어, 그림, 노래 등의 의미와 관계를 컴퓨터가 이해할 수 있도록 숫자 목록으로 변환하는 것입니다. 🔢
- Pinecone은 벡터를 저장할 수 있는 벡터 데이터베이스입니다. 🌲
- 데이터 세트(products.json)를 Hugging Face 모델에 전달하여 벡터 임베딩을 생성합니다. 📤
- 생성된 임베딩과 메타데이터(상품 정보)를 Pinecone 인덱스에 저장합니다. 💾
- Next.js 앱에서 검색어를 입력하면 Hugging Face를 통해 벡터 임베딩을 얻고, Pinecone 인덱스를 쿼리하여 관련 결과를 얻습니다. 🔍
- react-icons, env, huggingface_inference, pinecone 데이터베이스 등의 의존성을 설치합니다. 📦
- Pinecone API 키, 인덱스 이름, 임베딩 모델 이름, Hugging Face 토큰 등의 환경 변수를 설정합니다. 🔑
- Pinecone 인덱스를 생성하고 차원을 384로 설정합니다. 📐