Images

corgi has its own image optimization tools, as unfortunately Next.js' built-in <Image> component is not supported by statically-exported Next.js sites. This section goes over the various techniques for using and optimizing images in a corgi project.

📄️ Image optimization

We recommend using @wethegit/masher, it was designed with corgi in mind.

📄️ <Picture> component

Location: /src/components/common/picture/picture.jsx

📄️ Static assets

If your assets do not call for any image optimization or breakpoint-specific versions (i.e. the `` component), then they fall into this category.