Can't even use the search function on your website.

[W4ddl3]

Description

I noticed that your project has a search button in the navigation bar. I wanted to test its functionality and found that it doesn't work. It keeps loading in a circle. I initially thought it was my own problem, but when I tested it on your website, I found that it also doesn't work.

Notion Test Page ID

I'm not actually doing my own project right now, just testing it in your website

[omarcostahamido]

same here. I just arrived to this project now (late to the party) and would love to be able to see this in action or figure out how to fix it... maybe worthwhile mentioning the previous issues as well.

[danni-cool]

I fixed the problem temporarily, and wrote an article, if you are interested, here's the link. https://danni.cool/2023/10/17/Fixed%20the%20broken%20search%20in%20nextjs-notion-starter-kit/

[omarcostahamido]

@danni-cool thank you very much for writing a blog entry about it! Btw, your website looks cool 😄

[danni-cool]

@omarcostahamido Thanks! I was struggling with the same problem too. I'm glad it could help.

[Le1a]

我暂时解决了这个问题，并写了一篇文章，如果你有兴趣，这里是链接。https://danni.cool/fixed-the-broken-search-in-nextjs-notion-starter-kit

I built it using Vercel+GitHub. I put your patch into GitHub and tried running it again using Vercel, but it still didn't work. I checked the network and found that it was 405 Method Not Authorized

[danni-cool]

@Le1a Have you ever installed patch-packages using NPM and added the pre-install hooks?

[Le1a]

@Le1a Have you ever installed patch-packages using NPM and added the pre-install hooks?

No, because I don't know how to use the npm command in the GitHub project deployed in Vercel

[danni-cool]

@Le1a So you already know how to solve the problem.

[Le1a]

@Le1a So you already know how to solve the problem.

How to solve this problem in Vercel

[Le1a]

@Le1a Have you ever installed patch-packages using NPM and added the pre-install hooks?

It has been resolved. I found in Vercel that the install command can be entered during project construction. Enter npm i patch package -- legacy peer deps&&npm i -- legacy peer deps

[danni-cool]

@Le1a 🎉Congratulations! you made it!