https://github.com/inside/next-image-app
Repo to demonstrate a next/image bug
https://github.com/inside/next-image-app
Last synced: about 1 year ago
JSON representation
Repo to demonstrate a next/image bug
- Host: GitHub
- URL: https://github.com/inside/next-image-app
- Owner: inside
- Created: 2022-01-18T15:54:46.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-18T16:27:16.000Z (over 4 years ago)
- Last Synced: 2025-02-01T20:25:45.387Z (over 1 year ago)
- Language: JavaScript
- Size: 1.1 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Repo to demonstrate a next/image bug
## Installation
```
git clone git@github.com:inside/next-image-app.git
cd next-image-app
npm install
npm run build && npm start
```
## Steps To Reproduce
1. Open this image in your browser:
[`http://localhost:3000/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmountains.a2eb1d50.jpg&w=1920&q=75`](http://localhost:3000/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmountains.a2eb1d50.jpg&w=1920&q=75)
=> This is ok
1. Now open this noexistent image in your browser (the word "mountains" from the above url has been renamed to "foo"): [`http://localhost:3000/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffoo.a2eb1d50.jpg&w=1920&q=75`](http://localhost:3000/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffoo.a2eb1d50.jpg&w=1920&q=75)
=> This is not ok. The browser hangs for a long time and eventually returns a `504` http error