npm i @sanity/client

Next 의 Image Component 를 사용하는데 외부에서 src를 받아오는데 error 가 있었다.
오랜시간 삽질끝에...

<https://www.sanity.io/plugins/next-sanity-image>

npm install --save next-sanity-image

module.exports = {
	images: {
		domains: ['cdn.sanity.io']
	}
};

npm i @sanity/block-content-to-react
import SanityBlockContent from "@sanity/block-content-to-react";

npm i react-syntax-highlighter
import SyntaxHighlighter from "react-syntax-highlighter";