WordPressをヘッドレスCMSã«ã—ã¦Next.jsã§ãƒ–ãƒã‚°ã‚’作æˆã™ã‚‹æ–¹æ³•ã¨ã‚¨ãƒ©ãƒ¼å¯¾å‡¦æ³•2022å¹´12月24æ—¥ JavaScript, React, Wordpress 最近ã¯Reactをベースã«ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã€Next.jsã‚’ã„ã˜ã£ã¦ãŠã‚Šã¾ã™ã€‚今回ã¯WordPressã«ç™»éŒ²ã—ãŸæŠ•ç¨¿ã‚’Next.jsã§è¡¨ç¤ºã•ã›ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã¨ã¯ï¼Ÿ ヘッドレスCMSã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç®¡ç†ã®ã¿ã‚’ã™ã‚‹CMS（ï¼Content Management System）ã®ã“ã¨ã€‚例ãˆã°WordPressã§ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä½œæˆã‹ã‚‰è¡¨ç¤ºã¾ã§ã‚’è¡Œãˆã¾ã™ãŒã€ãƒ˜ãƒƒãƒ‰ãƒ¬ã‚¹CMSã§ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºã¯åˆ¥ã®æ–¹æ³•ã§è¡Œã„ã¾ã™ã€‚ã“ã“ã§ã¯Next.jsを使ã£ã¦ã¿ã¾ã™ã€‚ ヘッドレスCMSを使ã†ãƒ¡ãƒªãƒƒãƒˆ 表示部分を別途用æ„ã™ã‚‹ã“ã¨ã«ãªã‚“ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿã–ã£ãã‚Šã¨ä»¥ä¸‹ã®3点ãŒæŒ™ã’られるã‹ãªã¨æ€ã„ã¾ã™ï¼š 表示速度ã®æ”¹å–„ ã‚»ã‚ュリティã®å‘上 管ç†ã—ã‚„ã™ã„ 通常ã®Wo
Next.jsを勉強ã—ã¦ã¿ã‚‹ ãã®â‘£ 〜styled-jsxã§SCSS記法を使ã†ç·¨ã€œ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
Next.jsを勉強ã—ã¦ã¿ã‚‹ ãã®â‘¢ 〜入力ãƒã‚§ãƒƒã‚¯ï¼ˆãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼‰ç·¨ã€œ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
Next.jsを勉強ã—ã¦ã¿ã‚‹ ãã®â‘¡ 〜画é¢ä½œæˆç·¨ã€œ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
Next.jsを勉強ã—ã¦ã¿ã‚‹ ãã®â‘ 〜何も考ãˆãšç’°å¢ƒæ§‹ç¯‰ç·¨ã€œ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}