All Questions
Tagged with next.js13 nextjs-image
38
questions
0
votes
0
answers
27
views
Can I display images stored dynamically in nextjs 14^ using app directory? [duplicate]
I'm developing an application, in which the user will have a profile photo, I did all the code and everything works ok, stores it correctly in the public/images/ETCETECET.png folder
In dev mode ...
0
votes
2
answers
106
views
NextJS and Cloudinary Problems
I have this problem in my console:
results { error: { message: 'unknown api_key' } }
It happens because I'm trying to get images from my Cloudinary account, I've verified my cloud name, api key, api ...
0
votes
1
answer
686
views
Problem to display images in the browser in Nextjs that are not stored in /public folder?
I am working with Next.js as a full-stack framework, using API route handlers in the backend.
I have stored the images in a Post method in the /uploads directory using the fs.writeFile method, and ...
2
votes
0
answers
216
views
NextJS Strict CSP using next/image
I'm trying to implement a strict Content Security Policy in my app and although I don't use any inline styles I was getting a ton of errors for unsafe-inline styles.
Inspecting my page on my browser ...
0
votes
0
answers
52
views
How to add an image in next js api route using cloudinary
i am unable to add cloudinary in next js api route when i add image to my public folder it works fine but after deploying to vercel it says no path found so i am using cloudinary but got no proper ...
0
votes
1
answer
475
views
How to fix NextJS Image warnings
In my next js project I am using <Image> component to display images.
When using an image in a card (Image inside Link component):
<Link
href={link}
className="
w-[...
3
votes
1
answer
633
views
NextJS dynamically created Image for opengraph tags not working in production
I'm working on a Next.js project where I need to dynamically generate Open Graph images. My implementation works locally, but I'm facing issues when deploying to production on Vercel and Netlify.
...
1
vote
0
answers
76
views
next/image loaderFile but fallback to default optimized loader
We serve some images using Imgix so we wanted to set a global loaderFile that can deal with those images as per this example. But other images on our app don't use Imgix, in that case we still want to ...
0
votes
1
answer
211
views
Firebase Hosting Next Js Cached optimized images purged on new deploy?
Does Firebase purge all Next JS generated optimized images from cache on each Deploy? I'm using Next JS image tag to generate avif and webp images, initially they take time to generate on first ...
0
votes
0
answers
276
views
how to always fetch data on server side based on client side interaction?
I am using nextjs 14 in my project.
I have 5 files to understand the working and ways to always fetch all the data on the server side only as per the doc of nextJS. My motive is to change the response ...
0
votes
0
answers
36
views
useEffect in nextjs not rendering in deployed Website, but In Local it rendered
I'm using nextjs 13. I have this code, if I dont use the useEffect, the date will set to default 30 November 1899 when page reload. The useEffect is not rendered in deployed version, but it works in ...
0
votes
1
answer
664
views
How can I load an image from an installed node_module in Next.js?
I am installed a module in my project that includes a <img /> tag within it, and next.js is unable to properly render the image. Currently, the image in the module is being displayed as follows:
...
0
votes
1
answer
6k
views
NextUI Issues With CSS
I just started installing NextUI on my existing project which uses styled components to style all of the components. After installing NextUI following the guide, I was able to display Tabs and Table. ...
0
votes
0
answers
47
views
Next.js image doesnt cover whole screen in xs size of browser
According to the title I want to cover whole width of screen , on xs size of browser using next.js image . But it could'not do it :
<div className="relative overflow-hidden h-64 bg-gray-400&...
-1
votes
1
answer
489
views
Invalid src prop on `next/image`, hostname "lh3.googleusercontent.com" is not configured under images in your `next.config.js`
how can configure next.config.js to allow image from internet to be shown in our web page in next js version 13.*.
I have tried these code but again shows this error;
Error: Invalid src prop (https://...