エンコーディングは何を使っていますか？

Next.js API Route ガイドは内部的にUTF-8を前提に処理します。入力・出力ともにUTF-8として扱われ、Unicodeの各種文字をサポートします。

広告は表示されますか？

運営維持のため一部ページに広告を表示していますが、ツール本体の動作を妨げない範囲に留めています。ブロッカーを利用されても機能は動作します。

開発・コード変換無料登録不要

Next.js API Route ガイド

Next.js App RouterのAPI Route(route.ts)の書き方とパターン集を表示する無料オンラインツール。

入力

結果

--- 基本 (app/api/hello/route.ts) ---
import { NextResponse } from "next/server";

export async function GET() {
  return NextResponse.json({ message: "Hello" });
}

export async function POST(request: Request) {
  const body = await request.json();
  return NextResponse.json({ received: body });
}

--- 動的ルート (app/api/users/[id]/route.ts) ---
export async function GET(
  request: Request,
  { params }: { params: Promise<{ id: string }> }
) {
  const { id } = await params;
  return NextResponse.json({ userId: id });
}

--- レスポンス ---
NextResponse.json(data, { status: 201 })
NextResponse.redirect(new URL("/", request.url))
new Response(null, { status: 204 })

--- ヘッダー ---
const headers = new Headers();
headers.set("Cache-Control", "max-age=60");
return NextResponse.json(data, { headers });

--- エラーハンドリング ---
try { ... } catch (e) {
  return NextResponse.json(
    { error: "Internal Server Error" },
    { status: 500 }
  );
}

FAQ

よくある質問

いいえ。Next.js API Route ガイドはすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。

こちらもおすすめ

APIキー生成

暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。

APIモックデータ生成

REST APIのモックレスポンスをJSON形式で自動生成。スキーマ定義からダミーデータを作成。フロントエンド開発・テストに便利な無料オンラインツール。

Cron次回実行計算

Cron式から次回以降の実行スケジュールを一覧表示。直近10回の実行日時を即座に確認。バッチ処理やタスクスケジューラの設定確認に便利な無料オンラインツール。

環境変数ガイド

Next.js/Node.jsの環境変数(.env)の使い方と命名規則を解説する無料オンラインツール。

アクセシビリティチェックリスト

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。

ASCIIコード表

ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。プログラミング参照に便利な無料オンラインツール。

読み込み中...