Better Turbopack support

[pomber]

Fix #490

To use codehike remark and recma plugins with Turbopack:

npm i remark-codhike recma-codehike

And in your next.config.mjs:

import createMDX from "@next/mdx"

/** @type {import('next').NextConfig} */
const nextConfig = {
  pageExtensions: ["js", "jsx", "mdx", "ts", "tsx"],
}

/** @type {import('codehike/mdx').CodeHikeConfig} */
const chConfig = {
  components: { code: "Code" },
}

const withMDX = createMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [["remark-codehike", chConfig]],
    recmaPlugins: [["recma-codehike", chConfig]],
  },
})

export default withMDX(nextConfig)

This doesn't work on Windows, but it's not related to codehike, it's a Next.js bug.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
codehike.org	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 1, 2025 9:12am

[github-actions]

Try codehike from this pull request in your project with:

npm i https://pkg.pr.new/codehike@513