I've encountered some very strange behavior. I have a bigger project, but for demonstration purposes the following simple Next.JS application would suffice, I think. Steps to reproduce: Create a simple Next.JS project: npx create-next-app my-next-app --ts Add following 2 files…
I'm working on ReactJS project with NextJS Framework and Prisma to manage connection and queries to the DB. On my local project the Support model is found and when I use it in my API and build my project it's…
I have a simple getServerSideProps() function that calls an external API but throws this error: FetchError: request to https://nginx/api/items failed, reason: unable to verify the first certificate The Node server does not trust my self-signed certificate. So I found this…
I am using the following code to show an image: import Image from 'next/image' ... <Image src={ausrufezeichen} alt="Ausrufezeichen"/> The following HTML Code is being rendered: <div style="display:inline-block;max-width:100%;overflow:hidden;position:relative;box-sizing:border-box;margin:0"> <div style="box-sizing:border-box;display:block;max-width:100%"> <img style="max-width:100%;display:block;margin:0;border:none;padding:0" alt="" aria-hidden="true" role="presentation" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIvPg=="/> </div> <noscript> <img alt="Ausrufezeichen" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fimage%2Fpublic%2Fimg%2Fpfeile_punkte%2Ficon_ausrufezeichen.d442fe0f12568980c7889dc07a018b24.png&w=96&q=75…
I have a Share Icon that looks like: I want the first 5 icons to be shown. The 5th icon being the share icon. I want the rest of the icons to be under share icon & when someone taps…
I've been reading the nextjs docs and it says in here that: If the child of Link is a function component, in addition to using passHref, you must wrap the component in React.forwardRef: I'm new to using Semantic UI React…
I need to fetch data with a third-party API in some of my components in the NextJS project I want the server to pre-render the component using that API for SEO. but after that while user is interacting with the…
I have successfully deployed a Next.js with Next-Auth project on AWS EB. Everything looks fine. However, I can't get passed the sign in form. Here's what the browser console shows: 502 Bad Gateway: POST http://----.elasticbeanstalk.com/api/auth/callback/credentials? Uncaught (in promise) SyntaxError: JSON.parse:…
I have a nextjs webapp. I want the main application to run on the index route: ...mydomain.com/. But I also want to have a landing page at route: ...mydomain.com/mylandingpage. The question I have is, how do I tell Bing, Google,…
I have a NextJS website and I want to add a Splash Screen for before website is loaded but because the Splash Screen is also in the NextJS code, it will loading when nextjs rendered on the server and the…