10:["$","main",null,{"className":"max-w-3xl mx-auto px-4 py-12","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"VercelでNext.jsをデプロイする方法\",\"description\":\"Vercelを使ったNext.jsアプリケーションのデプロイ方法を解説。GitHubとの連携から本番環境への公開まで、手順を詳しく紹介。\",\"author\":{\"@type\":\"Organization\",\"name\":\"M.studio\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"M.studio\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mstudio-web-create.com/images/logo.png\"}},\"datePublished\":\"2025-07-25\",\"dateModified\":\"2025-07-25\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://mstudio-web-create.com/blog/deploy-vercel\"},\"url\":\"https://mstudio-web-create.com/blog/deploy-vercel\",\"keywords\":\"Vercel, Next.js, デプロイ\"}"}}],["$","h1",null,{"className":"text-4xl font-bold mb-2","children":"VercelでNext.jsをデプロイする方法"}],["$","p",null,{"className":"text-sm text-gray-500 mb-6","children":"2025-07-25"}],["$","div",null,{"className":"flex gap-2 mb-6","children":[["$","span","Vercel",{"className":"bg-gray-100 px-2 py-1 rounded text-sm","children":"Vercel"}],["$","span","Next.js",{"className":"bg-gray-100 px-2 py-1 rounded text-sm","children":"Next.js"}],["$","span","デプロイ",{"className":"bg-gray-100 px-2 py-1 rounded text-sm","children":"デプロイ"}]]}],["$","div",null,{"className":"prose prose-neutral","dangerouslySetInnerHTML":{"__html":"

はじめに

VercelはNext.jsの開発元が提供しているホスティングサービスです。

GitHubと連携
プロジェクトを選択
ビルドして公開！

"}}]]}]