はじめに Webサイトで上位表示を狙う場合、ページの表示スピードはとても重要です。 WordPressで作成されたページの表示速度改善のため、Nuxt3を使いサイトをSSG化することで表示速度の高速化を狙っていきます。いわゆるヘッドレスCMSです。 環境 WordPress 6.2 Nuxt3 MySQL 5.7 実装手順 WordPress環境の構築 dockerを使ってWordPressの環境を構築していきます。 ここでは、Docker HubにてWordPress Official Imageの例となっているコードを参照していきます。 version: '3.1' services: wordpress: image: wordpress restart: always ports: - 8080:80 environment: WORDPRESS_DB_HOST: db WORDP
![Nuxt.jsでWordPressをSSG化してみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/264eeddf1a7e03f70c8a30e3bcffd4579de6a2aa/height=288;version=1;width=512/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6cc7acbb-abc0-4e3c-b28f-b4fc11fc56fd%2F590593fc-c392-42a8-8e30-0a7c0f87a1a9%2Feye-catch.webp%3FX-Amz-Algorithm%3DAWS4-HMAC-SHA256%26X-Amz-Content-Sha256%3DUNSIGNED-PAYLOAD%26X-Amz-Credential%3DAKIAT73L2G45HZZMZUHI%252F20240823%252Fus-west-2%252Fs3%252Faws4_request%26X-Amz-Date%3D20240823T023003Z%26X-Amz-Expires%3D3600%26X-Amz-Signature%3D1b08e90546864697ff127a2ba4e7a127f4a8febf694ab9652d16d9ca53859a17%26X-Amz-SignedHeaders%3Dhost%26x-id%3DGetObject)