Improve Next.js support
Nobody has claimed this yet.
Assessment
This issue has not been assessed yet.
Description
Summary 💡
This issue will serve as an umbrella for all issues related to Next.js app router integration. It will be easier to have an overview of all the problems in one place.
Done
- Next.js 13 Hydration failed because the initial UI does not match what was rendered on the server #34893
- Next.js 13 example with /app folder #34898
- Next.js 13 compatibility (app directory/server components) #34896
- Add use client directive to all components in a new build step #37503
- Next.js 13 Error during SSR Rendering ReferenceError: defaultStyleFunctionMapping is not defined #34910
- Next.js 13 global styles issue mui/material-ui#37935
- Cover useId Next.js limitation mui/material-ui#38103
- Make Next.js App Router example the default recommended over Next.js Page Router mui/material-ui#38204
- Configure and document modularizeImports for icons mui/material-ui#35450 mui/material-ui#36218
- Create an npm package to abstract APIs for Next.js, solving boilerplate issue mui/material-ui#34575
- Simply the Next.js examples. It should be as simple as possible for developers to start a project and to pull in UI from other places, like from the templates. For example https://github.com/mui/tech-challenge-full-stack/issues/3#issuecomment-1743231738 mui/material-ui#40661
- mui/material-ui#35993
- Add docs on how to integrate the font with the theme https://github.com/mui/material-ui/issues/38082
Opportunities to make it even better
- mui/material-ui#42750
- mui/material-ui#37934
- mui/material-ui#38966
- Migrate Link, remove
legacyBehavior={true}https://github.com/mui/material-ui/issues/38092 - Flatten imports for faster dev server speed mui/material-ui#35840
- Create guide on how to configure CSP, it's missing in https://mui.com/material-ui/guides/content-security-policy/#how-does-one-implement-csp, related to mui/material-ui#36095
- Create a @mui/system-nextjs package, move the logic that has noting to do in
@mui/material-nextjs - Add support for loading indicator between pages when slow network.
- Full dark/light mode integration, see the features missing from https://github.com/pacocoursey/next-themes
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from mui/material-ui
-
type: new feature waiting for 👍
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
mui/material-ui#48254 · 3 comments · 1 reaction ·
-
has workaround scope: avatar waiting for 👍
Difficulty 2/5 1-3 hours Newbie friendliness 64/100
mui/material-ui#48190 · 5 comments ·
-
has workaround scope: typography type: new feature waiting for 👍
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
mui/material-ui#46488 · 2 comments · 1 reaction ·
-
has workaround scope: text field type: bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
mui/material-ui#37216 · 6 comments ·
-
docs scope: autocomplete
Difficulty 1/5 1-3 hours Newbie friendliness 68/100
mui/material-ui#35713 · 5 comments ·
Similar issues
-
code-quality refactoring
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
github/gh-aw-firewall#8816 ·
-
integration:quickjs org:external priority:backlog topic:code-interpreter topic:middleware type:feature
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
langchain-ai/deepagents#6450 ·
-
optimization optimization:agents-md-curator
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
githubnext/gh-aw-cao#13143 ·
-
status: needs triage
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100