Build A Functional Search Bar with Next.js (SearchParams)
#nextjs #nextjs13 #reactjs
In this video, I go over how to create a fully functional search bar that allows you to search through a crypto coin API endpoint.
This will filter out all the coins and show the coin that matches the search param. So, in this video we will be going over data fetching, API routes, rapidAPI, and much more.
Private 1 on 1 Help 👇
https://calendly.com/dabrettwestwood/...
Join my FREE Discord to talk and network about web development! 👇
/ discord
GitHub Source Code 👇
https://github.com/bwestwood11/search...
Time Stamps
0:00 Intro
0:29 RapidAPI - Coinranking
2:01 Set up environment/create Next.js 13 project
5:03 Create a GET request to retrieve coins API
9:41 Create frontend functionality to make API call
14:43 Create Coins Component/ map() function
20:36 Create the frontend and backend for search functionality
34:31 Testing out the search bar
38:09 Outro