real time full text search nextjs
1.0.0
Tigris는 애플리케이션 내에서 강력한 검색 경험을 만들 수있는 통합 된 전체 텍스트 검색 솔루션을 제공합니다. Typeense Technology를 활용 하여이 내장 검색 엔진은 추가 검색 시스템이 필요하지 않아 데이터베이스에 부드럽고 확장 가능한 경험을 제공합니다.
이 응용 프로그램은 Next.js 및 Tigris로 제작되었으며 전체 스택 솔루션을 제공합니다. 제품은 TIGRIS 데이터베이스에서 저장 및 검색하여 고객에게 표시됩니다. 접근성을 향상시키기 위해 실시간 검색 기능을 Tigris와 통합하여 사용자가 원하는 제품을 신속하게 검색 할 수있었습니다.
이 앱을 Vercel 및 NetLify 계정에 배포하려면 Github, Vercel, Netlify 및 Tigris 계정이 필요합니다. 모든 계정이 있으면 "배포"버튼을 클릭하고 지침에 따라 앱을 계정에 배포하십시오.
git clone https://github.com/tigrisdata-community/realtime-search cd realtime-search
npm installnpm run dev참고 : 응용 프로그램이 작동하려면 먼저 Tigris 콘솔에서 프로젝트를 작성한 다음 생성 된 자격 증명을
.env파일에 복사해야합니다. 이 작업을 수행하는 방법에 대한 지침은 첨부 튜토리얼을 참조하십시오.
? 모두 완료되었습니다. 브라우저에서 localhost:3000 에서 앱을 사용할 수 있어야합니다. 자유롭게 놀아 주거나 다음에 코드 연습을 하시겠습니까?
├── package.json
├── lib
│ ├── tigris.ts
├── db
│ └── models
│ └── store.ts
└── pages
├── index.tsx
└── api
└── store
├── index.ts
└── search.ts
DB/Models/Store.ts- 앱에는 제품을 매장에 저장하는 단일 컬렉션 products 있습니다. 이 컬렉션은 설정 스크립트에 의해 자동으로 작성/업데이트됩니다.
모든 다음 JS API 경로는 pages/api/ 에 정의됩니다. 엔드 포인트를 노출시키는 세 가지 파일이 있습니다.
pages/api/store/index.tsGET /api/storeGET /api/items/search?q=query 주어진 쿼리와 일치하는 제품을 찾고 반환하려면 쿼리사용 사례를 위해 더 많은 기능을 추가하거나 앱을 사용자 정의하고 Tigris Data Platform에 대해 자세히 알아보십시오.
공헌은 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소입니다. 당신이하는 모든 기여는 대단히 감사합니다 .
이를 더 좋게 만드는 제안이 있다면, repo를 포크하고 풀 요청을 만듭니다. 단순히 문제를 열 수 있습니다. 프로젝트에 별을주는 것을 잊지 마십시오! 다시 한 번 감사드립니다!
git checkout -b feature/AmazingFeature )git commit -m 'Add some AmazingFeature' )git push origin feature/AmazingFeature(뒤로 맨 위로)
