Skip to content
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

Merged
merged 15 commits into from
Jul 19, 2023

Conversation

samuelsycamore
Copy link
Member

@samuelsycamore samuelsycamore commented Jul 11, 2023

@mui-bot
Copy link

mui-bot commented Jul 11, 2023

Netlify deploy preview

https://deploy-preview-37929--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against b1866f4

samuelsycamore and others added 2 commits July 16, 2023 15:01
Co-authored-by: Marija Najdova <mnajdova@gmail.com>
Signed-off-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
@argos-ci
Copy link

argos-ci bot commented Jul 16, 2023

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
default (Inspect) ✅ No change detected - Jul 16, 2023, 8:39 PM

@samuelsycamore samuelsycamore marked this pull request as ready for review July 17, 2023 13:19
@samuelsycamore
Copy link
Member Author

I think this is ready to publish! (Is there anything else we should mention?)

@samuelsycamore samuelsycamore mentioned this pull request Jul 18, 2023
1 task
Co-authored-by: Albert Yu <albert@albertyu.co>
Signed-off-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
@mj12albert mj12albert merged commit a5779da into mui:master Jul 19, 2023
18 checks passed
Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great to have this blog post 👍 . I think that we could link it in as a docs notification

Screenshot 2023-07-24 at 03 38 37


## 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.
Copy link
Member

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.

docs/pages/blog/mui-next-js-app-router.md Show resolved Hide resolved
Comment on lines +42 to +47
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.
Copy link
Member

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).

@samuelsycamore samuelsycamore deleted the app-router-blog branch April 3, 2024 17:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants