2023-10-02
2039
#nextjs
Kevin Tomas
124402
Oct 2, 2023 ⋅ 7 min read

Getting started with MUI and Next.js

Kevin Tomas My name is Kevin Tomas, and I’m a 26-year-old Masters student and a part-time software developer at Axel Springer National Media & Tech GmbH & Co. KG in Hamburg. I’m enthusiastic about everything concerning web, mobile, and full-stack development.

Recent posts:

6 Hidden Gems In The JavaScript API You Should Be Using

6 hidden gems in the JavaScript API you should be using

Explore underrated JavaScript APIs like `structuredClone` and `AbortController` that let you build dynamic, performant, and user-friendly apps.

Rahul Padalkar
Apr 28, 2025 ⋅ 10 min read
next js environmental variables

How to configure Next.js environmental variables

Learn how to manage environment variables in Next.js, which influence how an application behaves in different contexts and environments.

Joseph Mawa
Apr 25, 2025 ⋅ 9 min read
useActionState in React

useActionState in React: A practical guide with examples

Discover how React’s useActionState Hook makes it easier to handle user actions, especially form submissions and async state changes.

Rishi Purwar
Apr 25, 2025 ⋅ 5 min read
three js vs babylon js

Three.js vs. Babylon.js: Which is better for 3D web development?

Compare two libraries that support creating 3D experiences in the browser. Learn how to get started with each, their core features, and key differences.

Elijah Asaolu
Apr 24, 2025 ⋅ 7 min read
View all posts

8 Replies to "Getting started with MUI and Next.js"

  1. Following your post to the letter and I’m getting an error when running dev after copy/pasting the index.js file, says I’m missing @emotion/styled. Should I install this or am I doing something wrong?

    1. Hey David, thank your for your comment! Did you run `npm install` on the root level of the project before trying to run `npm run dev`?

  2. Hi Kevin, thanks for this. Do you have an example that doesn’t use getInitialProps, because it is now deprecated? The latest version of Next recommends getStaticProps or getServerSideProps instead, but neither are supported for use in _document.js

  3. Thanks Kevin for providing this.

    Parts of it did not work with the current version of NextJs/MUI, but I was able to find ways to make it work. I would be glad to give you the tweaked code, if you want to update this great tutorial.

Leave a Reply