I'm trying to show a loading spinner (or really any HTML element for that matter) while my image is loading, the thing is I am using this ImageComponent to display an image in a random movie generator, I was able…
I trying to use useSWR at the click of the button. I would that the at the click of the button the API call with useSWR will start, but I get the error. The error is this : Error: Invalid…
I am trying to use Google Fonts on a Nextjs project with the newest version 13 and I can't import Google Fonts (i.e. Poppins) correctly. In the past I just added the link tags to the _document.js or _app.js file…
I am struggling with Next.js 13's app routing. It always gives me a 404 Not Found when I try to access fromPostmann for example. I have this file structure: And for example, one of my API files is: import {…
the below is the getInitialProps method for MyApp. MyApp.getInitialProps = async ({ctx}) => { const { siteHeaderCollection } = await getHeaderData(ctx.query.lang) const { siteFooterCollection } = await getFooterData(ctx.query.lang) return { locale: ctx.query.lang, header: siteHeaderCollection, footer: siteFooterCollection, } } I need…
I would like to add fontawesome to my nextjs 13 project. I'm trying to implement solution #3 which was asked a long time ago. I've tried the solution in the fontawesome documentation as well. I'm just starting out with nextjs…
I have Eslint working in a TypeScript Next.js project, but I want to switch to the new "flat config" approach that Eslint offers. I created /eslint.config.js to look something like this: https://stackoverflow.com/a/74819187/470749 Part 1 How can I migrate the extends:…
I aim to create a custom MUI accordion which should look like this: Now, I have attempted in creating this custom MUI accordion using these code structure (this accordion also uses some custom search box functionality and custom accordion data)…
I am using Next.js version 13.4.4 and have an endpoint at http://localhost:5000/logout. In my src/app/logout/route.tsx file, I have the following code: import { NextRequest, NextResponse } from "next/server"; export async function POST(req: NextRequest) { return new NextResponse("POST: /logout"); } Now,…
I'm new in to build a web with React Libray, and use next.js with typscript to create the web app. And I'm trying to build a todo list web app. I create an interface for collet the list data like…