Adding Search Component

[snoop2head]

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.

[woosungchoi]

https://www.gatsbyjs.com/plugins/@reflexjs/gatsby-plugin-search-algolia/?=algolia

I think this link will help you.

[snoop2head]

@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.

[snoop2head]

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.

[woosungchoi]

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!

[JaeYeopHan]

https://www.gatsbyjs.com/docs/adding-search-with-algolia/

[kostyrko]

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