Static JSON Export with CORS Icon Static JSON Export with CORS
🎉 累計100+アクティブダウンロード突破

Web制作会社のための、 爆速ヘッドレス納品キット。

高単価なヘッドレス案件を、最速・トラブルゼロで納品。サブミリ秒の応答速度、CORS完全解決、そしてWebhookによるフロントエンド自動ビルドを一つのプラグインで実現します。

無料版をWordPress.orgからダウンロード 接続チュートリアルを見る
100+ Active Downloads
Sub-Millisecond Response
Zero-DB Load
/wp-json/sjec/v1/feed
レスポンスタイム
180 ms
※ 標準 WP REST API
CORS 認証
PASSED
Allowed Origins
[
  {
    "title": "Ultra-Fast Next.js & WordPress Setup",
    "date": "2026-07-08",
    "description": "Learn how to build a headless WordPress site with Next.js using static JSON feeds...",
    "featured_image": "https://aritrhk.com/wp-content/uploads/2026/07/hero.png",
    "author": "sjec",
    "categories": [
      {
        "name": "Tech",
        "slug": "tech"
      }
    ],
    "tags": [
      {
        "name": "Next.js",
        "slug": "nextjs"
      }
    ],
    "link": "https://aritrhk.com/nextjs-wp-ultra-fast",
    "sortDate": "2026-07-08"
  }
]

ヘッドレスWordPress開発での「あるある」の悩み

標準のWP REST APIやWPGraphQLは強力ですが、フロントエンドとの連携時に予期せぬ障害を引き起こします。

APIのレスポンスが遅すぎる

WP APIはリクエスト毎にデータベースクエリを実行し、何十ものPHPファイルを読み込むため、表示速度（LCP）を悪化させます。

CORSエラーで時間が溶ける

Access-Control-Allow-Originヘッダーのエラーが発生し、Webサーバー（Nginx等）やPHPのコンフィグ調整に翻弄されます。

高負荷時のDBサーバーダウン

フロントエンドからのリクエストが大量に発生した際、WordPressのデータベースコネクション上限に達し、サイト全体がクラッシュします。

WordPressを完全にバイパスする仕組み

本プラグインは、静的ファイルの安定性とAPIの手軽さを組み合わせた革新的なアーキテクチャを採用しています。

● 通常のREST APIルート

WordPressのロードを毎回伴う

リクエストのたびにWordPressコア、アクティブなプラグイン、MySQLデータベースへの接続が実行されるため、ボトルネックが発生します。

🌐 フロント
🐘 WPコア
🗄️ データベース
● 本プラグインのバイパスルート

独立ファイル api.php 経由 PRO

PRO版限定機能。投稿保存時に静的JSONを出力。外部リクエストはWPを起動せず、静的JSONをダイレクトに返却するため超高速です。

🌐 フロント
⚡ api.php (静的)

ヘッドレス構成に不可欠な機能群

使い慣れた管理画面での設定はそのままに、極限のパフォーマンスを提供。

ドメイン指定CORS設定

管理画面のホワイトリストに許可したいOriginドメインを記述するだけ。複雑なサーバーのヘッダー書き換えは一切不要です。

複数投稿タイプの統合 (PRO)

「投稿」と「固定ページ」、さらに任意のカスタム投稿タイプを組み合わせ、1つの統合されたJSONフィードとして出力可能です。

動的属性マッピング (PRO)

任意のJSONキーと、カスタムフィールド値（メタキー）やタクソノミー情報（ターム名・スラッグ）を動的に紐付けて注入できます。

堅牢な管理画面UI設計

動的な追加・削除が多い設定画面において、イベントのバインド漏れを防ぐ親コンテナによるイベントデリゲーション制御を採用。

Headless CMS用ページネーション

「1ページあたりの記事数」の設定に基づいて、巨大なフィードを自動的に分割出力（例: feed-page-1.json）し、メモリ負荷を軽減します。

個別記事の静的JSON自動生成

投稿のスラッグ名に基づいた個別記事の静的JSON（例: feed_posts/slug.json）を自動出力。本文HTMLや抜粋テキストをマウントします。

プロジェクトに合った最適なプラン

個人開発に最適なFree版と、本格的なマルチ展開・Webフック連携に対応したPRO版をご用意。

Core (フリー版)
$0 / 永久無料
無料で使用可能

個人ブログや小規模なSPA・ヘッドレス構築の検証に最適。

  • フィード作成制限: 最大1件
  • CORS Domain Whitelist
  • JSON Minify化 (容量最適化)
  • 複数タクソノミー AND/OR フィルタ
  • デプロイ連携 Webhook
WordPress.org からダウンロード
PRO (1サイト)
$4 / 月
年次請求（$48/年）

本番の1サイト用。PROの全プレミアム機能が含まれます。

  • 1 WordPress サイト
  • JSONフィード作成数無制限
  • 動的属性マッピング（メタ値＆タクソノミー）
  • 複数タクソノミー AND/OR フィルタ
  • 自動デプロイ連携 Webhook
PRO版を購入する
PRO (3サイト)
$9 / 月
年次請求（$108/年）

小規模ビジネス、複数クライアント案件、複数サイト運用に最適。

  • 3 WordPress サイト
  • JSONフィード作成数無制限
  • 動的属性マッピング（メタ値＆タクソノミー）
  • 複数タクソノミー AND/OR フィルタ
  • 自動デプロイ連携 Webhook
PRO版を購入する
RECOMMENDED
Agency Lifetime (買い切り)
$199 / 永久買い切り
一度の支払いで無制限利用

制作会社に最適。一度購入すれば、クライアント案件で永久に使い回せます。

  • 無制限サイト数
  • JSONフィード作成数無制限
  • 動的属性マッピング（メタ値＆タクソノミー）
  • 複数タクソノミー AND/OR フィルタ
  • 自動デプロイ連携 Webhook
PRO版を購入する
決済、ライセンス管理、およびプラグインの自動アップデートは、Freemiusによって安全に処理されます。 14日間の返金保証付き。いつでもキャンセル可能。
機能・仕様項目 無料版 (Core) PRO版 (Pro)
作成可能なフィード数 最大 1 つ 無制限
配信パフォーマンス 標準 REST API 配信 高速バイパス配信 (api.php)
対象投稿タイプ (Post Types) 単一選択 複数選択可 ( checkboxes )
タクソノミー絞り込み条件 単一条件のみ 複数条件 (AND / OR 結合)
カスタムタクソノミー 対応 対応
JSON出力フォーマット Pretty Print 固定 Pretty / Minify 選択可
Webhook 連携機能 非対応 対応 (各フィードごと)
動的属性マッピング (Custom Fields & Taxonomies) 非対応 対応 (無制限)
ファイル名重複防止 不要 自動重複回避 (リネーム)
Headless CMS対応（分割＆個別JSON） 対応 対応
アイキャッチ画像出力 サムネイルURL単一（文字列） 複数サイズ別URLオブジェクト（thumbnail, medium, large, full）

フロントエンド接続方法

本プラグインが出力した静的JSONフィードをフェッチし、Next.jsやAstroなどのモダンフロントエンドと接続する手順です。

GitHubでAstroスターターを見る
// 1. app/blog/[slug]/page.tsx - feed.jsonを利用して動的ルーティングの静的パスを生成
export async function generateStaticParams() {
  const res = await fetch('https://your-wp-site.com/wp-content/uploads/sjec-feeds/feed.json');
  const posts = await res.json();
  return posts.map((post: { slug: string }) => ({
    slug: post.slug,
  }));
}
// 2. 個別記事の静的JSONから詳細データを取得して表示
export default async function BlogPost({ params }: { params: { slug: string } }) {
  const { slug } = params;
  const res = await fetch(`https://your-wp-site.com/wp-content/uploads/sjec-feeds/feed_posts/${slug}.json`);
  const post = await res.json();

  return (
    <article className="prose mx-auto">
      <h1>{post.title}</h1>
      <p>投稿日: {post.date}</p>
      <div dangerouslySetInnerHTML={ { __html: post.content } } />
    </article>
  );
}

よくある質問

開発にあたって疑問に思われる項目をまとめました。

PRO版では、投稿やページの保存・更新が行われた段階で最適化した静的JSONファイルをuploadsディレクトリに保存します。外部からのリクエスト時には、独立した api.php がWordPressコアを読み込まずにこの静的ファイルを直接配信するため、ミリ秒以下の遅延でCORS対応APIを返却可能です（※無料版では、静的JSONをWordPress標準のREST APIエンドポイント経由で安全に配信します）。
WordPressの管理画面上に設定された許可ドメイン（ホワイトリスト）は、静的JSONと一緒にキャッシュ情報として格納されています。api.php がリクエストを受信すると、ブラウザが送信する Origin ヘッダーと保存されたキャッシュリストを照合し、一致した場合は適切な Access-Control-Allow-Origin ヘッダーを返し、プリフライト（OPTIONS）およびGET通信を成立させます。面倒なサーバー（Nginx / Apache）側の書き換えは不要です。
WordPressの投稿を更新した際、即座に外部のサーバー（Vercel, Netlify等）のビルドフックや、Next.jsのOn-demand ISR用のRevalidateエンドポイントにリクエストを送信できます。これにより、フロントエンド側のキャッシュがバックグラウンドで自動的に最新化され、ヘッドレス構成でも遅延のないコンテンツ配信が可能になります。

WordPressのデータを、
最高速 of APIで連携しましょう。

APIの遅延とCORSのトラブルを瞬時に解決。Static JSON Export with CORSでスケーラブルな構成を今すぐスタート。

無料でプラグインを入手する PRO版ライセンスを購入する
Icon Static JSON Export
言語設定 (Language)
EN | JA
無料ダウンロード