Next.js Discord

Discord Forum

image

Unanswered
Razorbill posted this in #help-forum
Open in Discord
Avatar
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
---
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

Avatar
where are your images located?
Avatar
RazorbillOP
in public/images
Image
Avatar
are you deploying your app on Vercel?
Avatar
RazorbillOP
yes i am
and then here's the production page, https://gongbuhada.com
Avatar
can you see your images in the repo on Github?
Avatar
RazorbillOP
yes i can
Image
Avatar
means you should be using capital JPG in your code as well
Avatar
RazorbillOP
been a programmer for 2 years, and i still make a newbie mistake 😅 thanks man
Avatar
it happens 😅
glad I could help
Avatar
Southern rough shrimp
happens when ur frustated
take a brake
:3
Avatar
RazorbillOP
sadly it is
got another project for uni