Just for reference, I am creating a shopping cart for an e-commerce website following an old tutorial and updating it to Next.js 13+ as I code. In the previous version of the tutorial, the _app.ts file was using page routing.…
So, I have a useState that contains data like this: const [orderData, setOrderData] = useState({ demoData1: '', demoData2: '', demoData3: '', demoArrayData: [{itemName: '', itemNumber: ''}] }); I have an onClick function that I would like to use to update…
I am currently facing an issue where I always receive a port number in my Next.js requests. I am using an Express server in conjunction with Next.js. The problem arises when I attempt to redirect from uppercase to lowercase for…
I should create an infinite scroll in reactJs having a JSON with data in it. Could you help me? I would like to do it from scratch and not with some library {data?.map((conto) => { return ( <Suspense key={conto._uid} fallback={<p>Loading...</p>}>…
My Next version is 13.1.5. I am trying to send contact.name through the Link in my component. Whats the best way to do this? The first code of the Link is just my original code. <Link className={styles.summaryLink} href={`${routes.accountShow(contact.number)}/contacts`} > {contact.name}…
I want to set a component to only be visible if the user wants to edit the content of an entry. The problem is the error stated in the title. I used setState to set a boolean @ toggle, setToggle…
I'm using Next.js for my application and I have a page where I need to fetch data at build time using the getStaticProps function. I want to be able to handle query parameters in this function, but by default, it…
I am creating a static blog using NextJS. I have used fs and gray-matter package to get the contents of markdown files. Directory structure is like - my-blog -app -[slug] -page.js -contents -blogpost1 -index.md -cover.png -blogpost2 -index.md -cover.png [slug]/page.js <main>…
At my company, we're using Next.js for all front-end applications. My team is developing a client-side application, but we're using Next.js with disabled file-based routing. We have only one single index.tsx file inside the pages folder where the Router component…
When I'm trying to create a react app I'm unable to do it. The documentation is different now. It's asking to install it through next js. And when I installed it it shows the following error ready started server on…