### 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