import nextMDX from '@next/mdx' import remarkGfm from 'remark-gfm' import rehypePrism from '@mapbox/rehype-prism' import {remarkMermaid} from '@theguild/remark-mermaid' /** @type {import('next').NextConfig} */ const nextConfig = { pageExtensions: ['jsx', 'js', 'tsx', 'ts', 'mdx'], images: { remotePatterns: [{ protocol: 'https', hostname: 'i.scdn.co', port: '' }] }, output: 'standalone' } const withMDX = nextMDX({ extension: /\.mdx?$/, options: { remarkPlugins: [remarkGfm, remarkMermaid], rehypePlugins: [rehypePrism], } }) export default withMDX(nextConfig)