As a beginner, the concept of Next.js being a full-stack framework is very confusing to me. I have read many articles, but there are still many concepts that trouble me.

I’m building a React application with Next.js where I need to fetch cards from an API and display them based on user-selected filters. Specifically, I want to fetch cards initially and then filter them based on the user’s selected location. Here’s the structure of my components and API routes:

hello i have problem with my next typescript code .

hello i have problem with my next typescript code .
quick guid :
this an e-commerce code made with next and typescript with products but its not organized.
the problem i use Parallel Route as header and footer but after while i change my mind and decide to use it as component it show on site first render but i use URL filled to navigate i am getting the old header even though i delete it already and i am getting error on the console witch he can’t find the route
error on console: error from console

hello i have problem with my next typescript code .
quick guid :
this an e-commerce code made with next and typescript with products but its not organized .
the problem i use Parallel Route as header and footer but after while i change my mind and decide to use it as component it show on site first render but i use URL filled to navigate i am getting the old header even though i delete it already and i am getting error on the console witch he can’t find the route
error on console: error from console

Im making a web page with a dynamic list of form inputs, where more input fields can be added or deleted using buttons. I have a parent object <Ingredients /> that keeps track of the inputs and keeps them in some react state as a list of child components, <Ingredient />. The <Ingredient /> children each have a delete button to remove them from the list, and are passed a function callback, DeleteInput, as a prop for the parent to delete them when clicked.