Skip to content
Next/image기술 정리

Next/image changed in version 13 with Vercel?

1 min readTech notesMoved from my Tistory blogRead the Korean original

Putting the frustration of sending out resumes behind me, I check from time to time that the Vercel link I submitted as my portfolio works, and this time a new error showed up.

Error loading the main images of my projects
Figure 1. Error loading the main images of my projects

The main images of the projects I had worked on weren't loading.

So I started an urgent fix right away. The problem wasn't very hard.

I searched Google for the problem logged in the console, and according to the official docs, from version 13 you should remove layout, objectfit, and the like that were in the existing code. So I changed the code as below, and it worked normally.

Code fix
Figure 2. Code fix

This is the portfolio link I submitted with my resume... From now on I should check it even more often and read the official docs carefully!

  • #Next.js
  • #next/image
  • #version 13

More in Tech notes

The difference between 'getStaticProps' and 'getServerSideProps'Reviewing TypeScript basic types: tuple, enum, never, symbol, unknownShallow copy / deep copy / complete deep copy with lodash cloneDeep()