-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[blog] Add blog post about support for Next.js App Router #37929
Conversation
Netlify deploy previewhttps://deploy-preview-37929--material-ui.netlify.app/ Bundle size report |
Co-authored-by: Marija Najdova <[email protected]> Signed-off-by: Sam Sycamore <[email protected]>
The latest updates on your projects. Learn more about Argos notifications ↗︎
|
I think this is ready to publish! (Is there anything else we should mention?) |
Co-authored-by: Albert Yu <[email protected]> Signed-off-by: Sam Sycamore <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
||
## Adapting to the new paradigm | ||
|
||
React 18 introduced the concept of React Server Components, and Next.js 13 gave us the most mature framework implementation of RSCs to date with the App Router. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We could precise that this is in an experimental state as far as React is concerned.
In the world of Server Components, "traditional" CSS-in-JS poses a serious challenge that may require us to move beyond Emotion, which is the default styling solution for Material UI and Joy UI in v5. | ||
We're currently exploring ways to offer our own zero-runtime CSS-in-JS solution that will enable you to use relevant MUI components as Server Components. | ||
This will also have the added benefit of improving performance across the board. | ||
Keep an eye out for an RFC from us very soon that will detail the proposed solution. | ||
|
||
In the meantime, please let us know if you have any questions or encounter any issues when using MUI components with the Next.js App Router. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think that we could link #34905 as it gives a good overview of what's next (I have cleaned it up).
Preview: https://deploy-preview-37929--material-ui.netlify.app/blog/mui-next-js-app-router/