結論(まず1行)

👉 バックエンドとフロントエンドがつながっている“具体点”は3か所

  1. API エンドポイント(URL)
  2. 環境変数(API_BASE_URL)
  3. HTTP リクエスト(fetch)

① 一番コア:API エンドポイント

バックエンド(Laravel)

// backend/src/routes/api.php
Route::get('/health', function () {
    return ['status' => 'ok'];
});

これで Laravel は👇を待ち受けている。

GET <http://localhost:8000/api/health>

フロントエンド(Next.js)

fetch(`${API_BASE_URL}/health`);

ここで 同じ URL にリクエストを送っている。

👉 URL が一致した瞬間につながる


② 橋渡し役:環境変数

フロント側

.env.local