When I load my Nextjs page, I get this error message: "Error: Rendered more hooks than during the previous render." If I add that if (!router.isReady) return null after the useEffect code, the page does not have access to the…
I'm using mux-player-react on a next.js site to implement a large background looped movie. https://website-agobay-coming-soon-5iemrgd6o-hhag.vercel.app/ The video should be object-fit: cover to cover all the browser window. unfortunately it doesn't work. eather with: .videoMob { --controls: none; --media-object-fit: cover; --media-object-position:…
Actually my problem is that I want to add a light mode dark mode feature for my next js application using redux toolkit. In _app.js if adding like this <ThemeProvider theme={theme}> <CssBaseline /> <Provider store={store}> <Component {...pageProps} /> </Provider> </ThemeProvider>;…
I have an unregistered user that works with my application, getting some progress. I keep this progress in local storage. Then, when the user decides to register, I send a PUT request to sync his progress with DB. For that…
I've been trying to make a get request with axios, but it doesn't work because the id const doesn't load and is marked as undefined. Here is my code: import Head from 'next/head' import axios from 'axios' import React, {…
What I want to achieve here is, whenever a user logs in, I want to store the data returned because the data holds an ID that I would use to fetch data in other routes. When a user successfully logs…
I'm new to next.js and react. I have created a simple application and would like to serve it using pm2 and Apache. When I run npm run dev in the folder of the next project, the server starts and I…
I have a Nextjs application. The app will grow to a nice size (200 pages) What is the best way to manage links. Some pages will have navigation buttons and and hrefs, hyperlinks. I am looking for solution to manage…
I have a login form. The user types their username/password into the form and submits it. The form uses fetch() to send a request to the backend API and get a response back. I'd like to display a message from…
I have a test API under: pagesapiaccountslogin.js. And I am learning the new app folder, which is still an experimental feature in Next.js (as of today). Is it possible to move my login script into the app folder? I tried…