This tag should be used for any questions regarding the next-images npm package. Please, do not use this tag for next/image related questions (use [nextjs-image] instead).
Questions tagged [next-images]
89 questions
1
vote
0 answers
After building the nextjs project, new uploaded images are not displayed
In my Next.js project, I have an admin section where the admin uploads product images. The images are saved in the "[Project folder]/public/images" path, and the names of the images are saved in the database.
I am using the following code to display…
Ar4mus
- 35
- 4
1
vote
0 answers
Why is the NextJS Image component not outputting webp file format?
I am using the Next Image component, and expecting my png and jpeg files to be converted to webp format like they outline in the docs, but in the browser they are still rendering in jpeg and png format. I am on next v.13.2.4.
Here is a snippet of…
user21414410
- 31
- 1
1
vote
1 answer
How to make slug image url (react, nextjs, next/image)
Can I change image url to slug url?
I work with nextjs and use next/image
Now a url of my image looks like"
http://localhost:3000/_next/image?url=http%3A%2F%2F127.0.0.1%3A8000%2Fmedia%2Fuimages%2F0481%2F2408696.s.jpg&w=1920&q=75
Can I change it…
Serhii
- 51
- 4
1
vote
0 answers
Next JS Image component does't read image from local assets folder in s3
I am trying to deploy a next js application to s3 bucket with dynamic routes and ISR implemented . I'm using some locally stored images from assets folder in public . But after deploying it to S3 , it's returning 404 for the images even after the…
Vedant Singh
- 35
- 6
1
vote
1 answer
Next/image is not responding
On Next 13, after replacing ![]()
Ricardo Martins
- 5,702
- 3
- 40
- 59
1
vote
2 answers
Change colors for imported images in next.js
I've created a custom icon and imported it as SVG on my next.js app. I want to implement a feature where users can customize the color of this icon, like red to yellow or black, etc. But this is static image, is there a way I can achieve this?
A.P
- 31
- 5
1
vote
0 answers
NexJS next-image not working on my server
Hello I have a website which is developed Nextjs.
I use Next Image for the images. When ı build my project and locally run it (yarn start) everything is fine .
But when ı want to run it on digitalocean server with ducker the images does not show .…
Kubilay
- 33
- 5
1
vote
0 answers
Error: Image is missing required "src" property. Make sure you pass "src" in props to the `next/image` There is no problem when I use 'ımg'
product.jsx
There is no problem when I use ımg but I want to use Next/image
and my old code was link, I edited it as nextLink
import React from 'react'
import NextLink from 'next/link'
import { urlFor } from '../lib/client'
import Image from…
burak ozcan
- 27
- 2
1
vote
2 answers
How to use layout responsive with Nextjs and tailwind?
I am trying to create a card with image on the left and the card content on the right using flex in NEXTJS and Tailwind CSS.
So, I am trying to have that image to be responsive.
wick3d
- 1,164
- 14
- 41
1
vote
2 answers
Get image from public folder NextJS
I'm saving images dynamically. Images stores in public folder of NextJS project.
Path to get image is /public/upload/catalog/{imagename}
As said in NextJS documentation about access to public folder, I'm trying to get this image by path…
Evgeny Alekseev
- 145
- 3
- 13
1
vote
0 answers
disableStaticImages not working in my next project
I have two projects, both of them with the same code in my next.config.js file:
const withImages = require("next-images");
/* ... */
module.exports = withImages({
images: {
disableStaticImages: true,
},
/* ... */
});
However, when you…
Captain
- 105
- 1
- 15
1
vote
1 answer
How to add a parallax effect to a Next Image tag?
Overview
In my pursuit to optimize my web appliations, I am transitioning from standard img tags to Next's Image tag. While it is great for performance, making it do custom effects and styling can be frustrating.
The Problem
I am trying to add a…
Tyler Morales
- 1,440
- 2
- 19
- 56
1
vote
1 answer
next.js image is missing src property
I get this error:
error : image is missing src property.
I'm not sure what's wrong since it worked with code I have. After I closed vscode and opened it again shortly the error happened. Here's my codes:
navbar.js
import React from "react";
import…
QI10
- 77
- 2
- 8
1
vote
0 answers
Why does the Image Component from next/image take a long time to load images?
Why do the images that I display using the Image component take much longer to load than those that I display using the img tag? My images are in webp format. In the screenshot https://ibb.co/jLsnLd4, the two links at the bottom are just an img tag,…
NikolayDavidof
- 11
- 3
1
vote
1 answer
NextJs App is not loading image in nextjs public folder when deployed in Azure Web App
Images like png are successfully displayed on app if locally run next build + next start but after deploying it to Azure Web App via server.js and a web.config, images are not loading anymore.
I have my image under public/imgs/logo.png
and I…
Arden
- 51
- 2
- 5