image
Unanswered
Razorbill posted this in #help-forum
RazorbillOP
### Summary
hi, i was trying to make my first blog with [vercel template](https://vercel.com/new/templates/next.js/portfolio-starter-kit) and then it shows that it use next/image and also nextra for the mdx, so i was trying to code image, and i already follow the documentation, when i try to do yarn dev or next command and also build it, it's done, it shows the image, but when i look at the production page on my [website](https://gongbuhada.com/photos) it didnt show anything, did i miss any?
### Additional information
photos.mdx
package.json
in console of it
### Example
https://demo.vercel.blog/photos
hi, i was trying to make my first blog with [vercel template](https://vercel.com/new/templates/next.js/portfolio-starter-kit) and then it shows that it use next/image and also nextra for the mdx, so i was trying to code image, and i already follow the documentation, when i try to do yarn dev or next command and also build it, it's done, it shows the image, but when i look at the production page on my [website](https://gongbuhada.com/photos) it didnt show anything, did i miss any?
### Additional information
photos.mdx
---
type: page
title: Photos
date: 2021-03-18
---
# Photos
Here's some of my photography.
import Image from 'next/image'
<Image
src="/images/Taksim%20Camii.jpg"
alt="Taksim Camii, Istanbul, Turkey"
width={1125}
height={750}
priority
className="next-image"
/>
<Image
src="/images/me.jpg"
alt="Me in Hagia Sophia, Istanbul, Turkey"
width={1125}
height={750}
priority
className="next-image"
/>
package.json
"dependencies": {
"gray-matter": "^4.0.2",
"next": "12.0.8",
"nextra": "^2.0.0-beta.5",
"nextra-theme-blog": "^2.0.0-beta.5",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"rss": "^1.2.2",
"sharp": "^0.32.1"
},
in console of it
Failed to load resource: the server responded with a status of 404 () image:1
### Example
https://demo.vercel.blog/photos
18 Replies
where are your images located?
RazorbillOP
in
public/images
are you deploying your app on Vercel?
RazorbillOP
yes i am
again, i use vercel template, https://vercel.com/new/templates/next.js/portfolio-starter-kit
and then here's the production page, https://gongbuhada.com
can you see your images in the repo on Github?
RazorbillOP
yes i can
means you should be using capital JPG in your code as well
RazorbillOP
been a programmer for 2 years, and i still make a newbie mistake 😅 thanks man
it happens 😅
glad I could help
glad I could help
Southern rough shrimp
happens when ur frustated
take a brake
:3
RazorbillOP
sadly it is
got another project for uni