[examples] Add zero-nextjs starter project

[siriwatknp]

The starter project demonstrates the usage of css, keyframes and styled APIs.

Support dark mode via prefers-color-scheme media query (built-in support).

https://github.com/mui/material-ui/assets/18292247/e92c8c5b-4c36-46ed-871e-de777a90a377

TODO

• [ ] Ensure that styled supports template string.
• [ ] Replace workspace^ with the published alpha version.

---

• [ ] I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad) No bundle size changes

Generated by :no_entry_sign: dangerJS against bcd018230eea2a318325ddcda6bda6915736353a

[siriwatknp]

Just a few writing tweaks so we're consistent with how we refer to "zero-runtime"! I'm not being able to run the example, though, I see this error after running it with either npm or pnpm (and I've also tried running pnpm install on the whole repo before, but nothing...):

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@mui%2fzero-next-plugin - Not found
npm ERR! 404 
npm ERR! 404  '@mui/zero-next-plugin@latest' is not in this registry.
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git URL.

It's because we haven't released @mui/zero-runtime yet. Will ping you again when it's working.

[danilo-leal]

We'll need to wait the package to be published to review these examples, right?

[siriwatknp]

We'll need to wait the package to be published to review these examples, right?

Yes. This PR can be merged after the release.

[siriwatknp]

Tested. It works.

curl https://codeload.github.com/siriwatknp/material-ui/tar.gz/zero-runtime-starter | tar -xz --strip=2  material-ui-zero-runtime-starter/examples/pigment-css-nextjs-ts
cd pigment-css-nextjs-ts