プレビューモード このページは WordPress 管理画面でのプレビュー専用です。実際のサイトは Astro で表示されます。

最新フロントエンド技術スタックの紹介

こんにちは、開発チームの佐藤です。今回は、弊社で採用している最新のフロントエンド技術スタックについてご紹介します。

ラップトップでコーディングするエンジニア
開発中のエンジニア

Astro + WordPressのヘッドレスCMS構成

私たちは、高速で保守性の高いWebサイトを構築するため、Astro(静的サイトジェネレーター)とWordPress(ヘッドレスCMS)を組み合わせた構成を採用しています。

技術スタック

  • フロントエンド: Astro, Tailwind CSS
  • CMS: WordPress (Headless)
  • インフラ: Cloudflare, GMO コアサーバー
  • CI/CD: GitHub Actions

採用理由

この構成を選択した主な理由は以下の通りです:

  1. 高速なページ表示: Astroの静的生成により、超高速なページロードを実現
  2. 優れたSEO: 完全な静的HTMLで検索エンジン最適化
  3. 使いやすいCMS: WordPressの直感的なGutenbergエディターで編集が簡単
  4. 開発効率: 既存のWordPressエコシステムとモダンフロントエンドの良いとこ取り

「ヘッドレスCMS構成により、セキュリティとパフォーマンスを両立できました」

開発チームリーダー 佐藤

詳細な実装方法については、また別の記事でご紹介したいと思います。

REST API エンドポイント:

https://cms.alliance-k.com.alliance.v2012.coreserver.jp/wp-json/wp/v2/posts/22

REST API で表示 »