Skip to content

[blog-website] Add Search Functionality in Navbar (Blog Website) #3081

@amaan-bhati

Description

@amaan-bhati

Currently, there is no search feature on the blog website home page. With dozens of blogs, users must scroll manually. Adding a search bar in the navbar will drastically improve UX.

Expectations:

  • Add a search input in the navbar (icon + expandable input or inline input).
  • Search should filter blogs by title, tags, or author.
  • Implement with fuse.js or Next.js server-side search (depending on performance tradeoffs).
  • Styled according to Keploy.io theme.
  • Use a UI library like shadcn/ui’s Command component for a modern search experience.

Acceptance Criteria:

  • Navbar contains a working search field.

  • Search results update quickly (client-side filtering or API-driven).

  • Search works on mobile & desktop.

  • All results link correctly to blog posts.

Links:
Blog Website: https://keploy.io/blog
Blog Website Repo: https://github.com/keploy/blog-website

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions