Open Graph is an internet protocol created by Facebook that uses metadata in your code to enable your website to become a rich object on a social graph.

This article explores how to manage Open Graph images on your NuxtJS website.

How to Add Open Graph Images in NuxtJS

The Automatic Image Optimization in Next.js allows for resizing, optimizing, and serving images in modern formats. This avoids shipping large images to devices with a smaller viewport. By setting up a next.js config file one time with a cloud provider, you can can ensure that this happens by default, and that you get all of the benefits without all of the pain of loading multiple image source sets.