最近、NextUIというかっこよさげなUIキットを見つけたので、Next.jsのスターターページを軽くカスタマイズしながら遊んでみたいと思います。 まだ日本ユーザーによる情報がそんなに多くないため、軽くですが導入方法も解説しています。 NextUIの概要 時期は調べていないのですが、わりと最近にできたReact向けのUIキットです。開発スポンサーにはVercelが付いてるみたい。 2022/5/6現在ではBeta版としてリリースされているようですが、すでに結構仕上がってる感じがあります。使い心地はMUIにかなり近いです。 コアライブラリにはCSS-in-JSのStitchesを使っているようです。 以下、Stitches公式サイトからの引用です。 CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best
![NextUIを攻める.with Next.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c7b9bb278cf217dbd2fc77f38f6baa7b3efc408/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--CResNYwM--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANextUI%2525E3%252582%252592%2525E6%252594%2525BB%2525E3%252582%252581%2525E3%252582%25258B.with%252520Next.js%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Atoreharose%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzdiOTBkZjA1ZjQuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)