How to configure/use MathJax in modern Next.js app?

Unanswered

Beauceron posted this in #help-forum

BeauceronOP

2025-02-28T22:11:52.626Z

Can someone point me towards how to configure and use MathJax in a modern Next.js app? I'm assuming this is the best way to render mathematical content in a next.js web app but I'm finding examples of how to proceed hard to find. Thank you.

7 Replies

@Beauceron Can someone point me towards how to configure and use MathJax in a modern Next.js app? I'm assuming this is the best way to render mathematical content in a next.js web app but I'm finding examples of how to proceed hard to find. Thank you.

Swedish Lapphund

2025-03-01T02:44:03.810Z

https://codesandbox.io/p/sandbox/mathjax-nextjs-9f75d

i guess this could help, it's in their package.js

This does not use the App router, but I assume you know how to adjust to it

https://www.npmjs.com/package/better-react-mathjax

seems solid and updated recently

BeauceronOP

2025-03-01T14:33:37.617Z

That latter one looks like an approach I might try. Thanks. I think I saw that one from googling before but didn't identify it as one of the cleaner solutions from what I was looking at.

I wish there were some way to just mark a block of html with something to tell next.js to leave it alone, as math ml works in most browsers natively. next.js however, will choke on it.