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…
This is my data export const courses = [ { id: 0, title: "first year", subjects: [ { id: 0, class: "french" }, { id: 1, class: "history" }, { id: 2, class: "geometry" } ], }, { id: 1,…
I am trying to fetch a list of posts form jsonplaceholder with nextjs and axios. This is my ListOfPosts.jsx import Link from "next/link"; import axios from "axios"; export default function ListOfPosts({posts}) { return( <div> {posts.map(post => ( <div key={post.id}> <Link…
I would like to use the airbnb style guide with my NextJS 13.4.9 project. When creating an NextJS app, one is asked about enable ESlint. I imagine saying "yes" to this is the recommended way. This allows one to npm…