Next.jsã®App Routerã‚’å¦ã¶éš›ã€shadcn/uiãŒå‚考ã«ãªã£ãŸã¨ã„ã†è©± - QiitaNext.jsã®App Routerã‚’å¦ã¶éš›ã«ã€UIライブラリを探ã—ã¦ã„ãŸã¨ã“ã‚ã€shadcn/uiãŒå‚考ã«ãªã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ shadcn/uiã¯ã€ãƒ•ãƒ¬ãƒ¼ãƒ ワークやライブラリã§ã¯ãªãã€ã‚³ãƒ”ペã§åˆ©ç”¨ã§ãã‚‹Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚µãƒ³ãƒ—ル集ã¨ã„ã†ç«‹ã¡ä½ç½®ã«ãªã£ã¦ã„ã¾ã™ã€‚Tailwind CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ãŠã‚Šã€React Server Components(RSC)ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ サンプルã®å®Ÿè£…方法ãŒå‚考ã«ãªã‚‹ç‚¹ã‚‚é…力ã®ä¸€ã¤ã§ã™ã€‚ ç°¡å˜ã§ã™ãŒã¤ã‚‰ã¤ã‚‰ã¨ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ shadcn/uiã¨ã¯ デモを見ã¦ã‚‹ã¨ãƒ•ãƒ¬ãƒ¼ãƒ ワークやライブラリãªã®ã‹ãªã¨æ€ã„ãã‚„ãã†ã§ã¯ãªãã€ã‚³ãƒ”ペã§åˆ©ç”¨ã§ãるサンプル集ã¨ã„ã†ç«‹ã¡ä½ç½®ã«ãªã£ã¦ã„ã¾ã™ã€‚基本的ã«ã¯Tailwind CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã‚‹ã‚ˆã†ã§ã™ã€‚ サンプルã¨ã¯ã„ãˆã€å®Ÿè£…方法ã§å‚考ã«ãªã£ãŸç®‡æ‰€ãŒçµæ§‹ã‚ã£ãŸã®ã§ãã“ã‚‚æ°—ã«å…¥ã£ã¦ã‚‹ãƒã‚¤
{{#tags}}- {{label}}
{{/tags}}