Note 01 - Next Image Optimization

Table of Contents

Noted Scenario: npm run serve

Noted Scenario: npm run serve

Running npm serve for the first time returned the following output:

app/page.tsx


/Users/mrsdo/.nvm/versions/node/v20.10.0/bin/yarn run serve
yarn run v1.22.19
warning ../../../../../package.json: No license field
$ next start
   ▲ Next.js 14.0.4
   - Local:        http://localhost:3000

 ✓ Ready in 346ms
 ⚠ For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run 'npm i sharp', and Next.js will use it automatically for Image Optimization.
Read more: https://nextjs.org/docs/messages/sharp-missing-in-production