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

[material-ui] Add new Next.js integration package #39947

Merged
merged 39 commits into from
Dec 11, 2023

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Nov 21, 2023

Closes #34575

Summary

new package: @mui/material-nextjs
versioning: follow Material UI, starts at 5.14.18
docs: replace the old page with https://deploy-preview-39947--material-ui.netlify.app/material-ui/guides/nextjs/

✅ Tested the code with mui docs and local project with code sandbox build

New feature

Added enableCssLayer to the app router API to use @layer so that other styling solution, e.g. Taiwind or Pure CSS can override Material UI.

Next step (in separate PRs)

Add Image and Link to this package.

Other approaches

@siriwatknp siriwatknp added package: material-ui Specific to @mui/material proof of concept Studying and/or experimenting with a to be validated approach nextjs labels Nov 21, 2023
@mui-bot
Copy link

mui-bot commented Nov 21, 2023

Netlify deploy preview

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against b63e72a

@siriwatknp siriwatknp changed the title [POC][material-ui] Next.js integration subfolder [material-ui] Add new Next.js integration package Nov 23, 2023
@siriwatknp siriwatknp requested a review from a team November 23, 2023 13:20
@siriwatknp siriwatknp removed the proof of concept Studying and/or experimenting with a to be validated approach label Nov 23, 2023
@siriwatknp siriwatknp marked this pull request as ready for review November 23, 2023 13:20
siriwatknp and others added 4 commits December 4, 2023 16:05
Co-authored-by: Marija Najdova <mnajdova@gmail.com>
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>
@siriwatknp
Copy link
Member Author

Or, the other way would be to create v14-appRouter and v14-pagerRouter and re-export the utils from v13.

Done!

Copy link
Member

@mnajdova mnajdova left a comment

Choose a reason for hiding this comment

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

This look good to me 👍 Next, we should update all examples we have 🎉

Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Looking awesome! A few copy suggestions — @samuelsycamore feel free to double-check them, too! 😃

docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
docs/data/material/guides/nextjs/nextjs.md Outdated Show resolved Hide resolved
siriwatknp and others added 2 commits December 6, 2023 15:18
Co-authored-by: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>
@github-actions github-actions bot added PR: out-of-date The pull request has merge conflicts and can't be merged labels Dec 7, 2023
Signed-off-by: Siriwat K <siriwatkunaporn@gmail.com>
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Dec 7, 2023
@mj12albert mj12albert linked an issue Dec 8, 2023 that may be closed by this pull request
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
nextjs package: material-ui Specific to @mui/material
Projects
None yet
7 participants