Build a Full-Stack Search Engine with Next.js 14, Postgres, Upstash (2024)

In this single video, we're building a search engine using Postgres full-text search and semantic querying with Upstash Vector. This is a dope project to get a feel for some great web dev fundamentals and build something cool along the way.

Btw, I just made this channel so YouTube doesn't let me make the links clickable... Here are the links for this project, you might need to copy&paste:

Hope you enjoyed the video!

[t_park]

Love this! Thank you for all the hard work you put in Josh :D

[adriansasu]

Great video Josh!
We are still waiting for a video tutorial about how to integrate Shopify in a Next.js app☺

[koltuz]

Thanks you Josh, currently following along, quick question, at 1:24:59 you use a prose and prose-sm as a class but i can't find those on the tailwind pluggin/documentation

Also here are some notes for me:

58:09 when using npm the script should be "npx tsx ./src/db/seed.ts"
1:01:14 wheen using npm, the command is "npx drizzle-studio kit"

[anushkasharma]

oh my god I was struggling from months to implement search in next js and you just solve my headache really you are the best next js educator on entire youtube

[raghavgupta]

Hey Josh! First of all great work, I really appreciate what you have created here. I have a question, I work with mongodb for my use cases generally, I want to know if we can implement semantic search using mongodb?

[-not-found-service]

There are limits for the free version so I can't make the request to OPENAI tells me that it exceeds the free rate and to add a payment method in that case :(

[waleedsharif]

Will you update this to next 15 when it comes?

[oubaidaawaw]

hey bro, when you learnt all of it?
and how, i'm very interesting to know

[edgarestanislao]

Hey Josh, can you provide a youtube tutorial on ORC-Recognition and how to implment it with nextjs and using openai api ? Thanks in advance!

[PrabirSingh-ei]

Hey Josh, thanks for yet another outstanding video tutorial. It’s really easy to follow and well explained. Thanks for creating such an insightful tutorial. After watching your tutorials, I started working more convincingly in Next.js. I have one more request: if you can make a video on integrating Next.js with WordPress through the app router, it will be highly appreciated. Thanks in advance!

[raphauy]

Hey Josh, thank you for all your videos, very helpful. One thing, you put H1 tags on the name of the products, it generates a lot of H1 in one page. It is a bad error for SEO. Thank you again.

[avinavkashyap]

lovely project, i am a beginner and am going to do it

[ritamchatterjee]

links on the description isn't working

[SimTjn]

Are upstach and pinecone are doing the same ?

[cocoarecords]

❤🎉Can you build the same with RoR? (Ruby in rails)

[evanilsonp.]

Is this project beginner friendly? Because I'm new to react

[khalidsDevLab]

What about josh tried coding? Is this channel new?

[adityajoshi]

This coool joshh✨
Here to support u 🫡

[SoutelloGui]

Great content! I had to use @@ to_tsquery('simple', lower(${query.trim().replace(/\s+/g, ' & ')) instead of @@ to_tsquery('simple', & "))) to make it work properly. I'm a beginner, and I'm really enjoying your work. Thank you, regards.

[kevinngugi]

that "drizzle:seed": "npm tsx ./src/db/seed.ts" when i run in terminal npm run drizzle:seed i get errors, i gave up even chatgpt could not solve it and the docs too that are provided were not useful typecript rejected them all, i am going back to superbaase