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: '' }, { protocol: 'https', hostname: 'avatars.githubusercontent.com' } ] }, output: 'standalone', eslint: { // Warning: This allows production builds to successfully complete even if // your project has ESLint errors. ignoreDuringBuilds: true, }, } const withMDX = nextMDX({ extension: /\.mdx?$/, options: { remarkPlugins: [remarkGfm, remarkMermaid], rehypePlugins: [rehypePrism], } }) export default withMDX(nextConfig)