gatsby-starter-bee
gatsby-starter-bee copied to clipboard
Adding Search Component
Needs for Search Component
Website yonsei.exchange runs on gatsby-starter-bee. The website currently has 200+ posts which requires simple search functionality to the web.
Methods
Gatsby recommends to use following plugins
- Algolia
- ~~elasticlunr: no Hangul support 😭~~
- js-search
Or, there are some users who have implemented search components on their own. This can be an another option too.
Future Actions
- Working on Algolia plugin implementation. But nothing good so far. API parameters change too fast, since it is still on beta.
- Didn't try js-search plugin yet.
https://www.gatsbyjs.com/plugins/@reflexjs/gatsby-plugin-search-algolia/?=algolia
I think this link will help you.
@woosungchoi I think that plugin is compatible only with gatsby-theme-base blog theme, provided by reflexjs. It doesn't go along with gatsby-starter-bee.
I found perfect implementation of search component!
JaeSeoKim's blog uses the same GraphQL query fields as gatsby-starter-bee does. Has great design too. It differs in division of components, but I found this helpful.
I found perfect implementation of search component!
JaeSeoKim's blog uses the same GraphQL query fields as gatsby-starter-bee does. Has great design too. It might differ in division of components, but I found this really helpful!
Great!
https://www.gatsbyjs.com/docs/adding-search-with-algolia/
I've implemented search using js-search
=> example of use https://kostyrko.github.io/kontrolqa which I believe was pretty straightforward - if you would find this solution acceptable I would be happy to contribute