{"id":333,"date":"2026-05-14T07:40:06","date_gmt":"2026-05-14T07:40:06","guid":{"rendered":"https:\/\/hyc.eshachem.com\/program\/?p=333"},"modified":"2026-05-14T07:50:09","modified_gmt":"2026-05-14T07:50:09","slug":"%e4%bd%bf%e7%94%a8vercel%e5%bf%ab%e9%80%9f%e9%83%a8%e5%b1%acnext-js","status":"publish","type":"post","link":"https:\/\/hyc.eshachem.com\/program\/%e4%bd%bf%e7%94%a8vercel%e5%bf%ab%e9%80%9f%e9%83%a8%e5%b1%acnext-js\/","title":{"rendered":"\u4f7f\u7528Vercel\u5feb\u901f\u90e8\u5c6cNext.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u958b\u767c\u6642\u5e38\u5e38\u9047\u5230\uff1a\u9700\u8981\u8b93\u4ed6\u4eba\u9810\u89bd\u5c08\u6848\u3001\u537b\u53c8\u4e0d\u4fbf\u76f4\u63a5\u4e0a\u50b3\u81f3\u6b63\u5f0f\u74b0\u5883\u7684\u9700\u6c42\u3002ngrok\u662f\u4e00\u500b\u65b9\u6cd5\uff0c\u4e4b\u524d\u6211\u6709\u5beb\u904e\uff0c\u4e0d\u904e\u96d6\u7136\u7528 ngrok \u5f88\u65b9\u4fbf\uff0c\u4f46 ngrok \u672c\u8cea\u4e0a\u662f\u5c07\u672c\u5730 Port \u6620\u5c04\u81f3\u516c\u958b\u7db2\u5740\uff0c\u4e00\u65e6\u96fb\u8166\u91cd\u555f\u3001\u9032\u5165\u4f11\u7720\u6216\u4e0d\u614e\u95dc\u9589\u7a0b\u5f0f\uff0c\u9023\u7dda\u5c31\u6703\u4e2d\u65b7\u3002\u6240\u4ee5\u7f3a\u9ede\u662f\u5b83\u5fc5\u9808\u300c\u4e00\u76f4\u958b\u8457\u300d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u56e0\u6b64\u66f4\u7a69\u5b9a\u7684<strong>\u96f2\u7aef\u9810\u89bd\u65b9\u6848<\/strong>\uff0c\u9084\u80fd\u9806\u4fbf\u6aa2\u67e5\u90e8\u7f72\u72c0\u6cc1\u3001\u505a\u5f8c\u7e8c\u7684\u6d41\u91cf\u5206\u6790\uff0c\u90a3\u9ebc <strong>Vercel<\/strong> \u6703\u662f\u6211\u512a\u5148\u9996\u9078!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">(Vercel \u96f2\u7aef\u90e8\u5c6c\u7684\u539f\u56e0\u4e5f\u8b93\u4ed6\u6210\u70ba\u4f5c\u54c1\u96c6\u7684\u6700\u4f73\u9996\u9078!)<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Vercel \u662f Next.js\u7684\u6bcd\u516c\u53f8\uff0c\u5927\u5bb6\u53ef\u4ee5\u5148\u53bb\u8a3b\u518a\u4e00\u500bVercel\u5e33\u865f!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vercel \u7684\u6838\u5fc3\u5b9a\u4f4d\u662f <strong>Serverless (\u7121\u4f3a\u670d\u5668)<\/strong> \u5e73\u53f0\uff0c\u4e3b\u8981\u91dd\u5c0d\u524d\u7aef (Next.js, React) \u548c\u8f15\u91cf\u7d1a\u7684 Function (Node.js, Python, Go)\u3002<\/p>\n<\/blockquote>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"%e4%bd%bf%e7%94%a8github%e3%80%81gitlab%e9%83%a8%e5%b1%acnext-js\">\u4f7f\u7528github\u3001gitLab\u90e8\u5c6cNext.js<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\u5148\u4f86\u8b1b\u8b1b\uff0c\u5982\u4f55\u900f\u904eGitHub\u4f86\u90e8\u5c6c\u5230Vercel!<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">GitLaba\u90e8\u5c6c\u7684\u64cd\u4f5c\u5927\u540c\u5c0f\u7570!<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1024x536.png\" alt=\"\" class=\"wp-image-334\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1024x536.png 1024w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-300x157.png 300w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-768x402.png 768w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image.png 1378w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u6211\u5011\u5148\u5c07\u7a0b\u5f0f\u78bc\u4e0a\u50b3\u5230GitHub\uff0c<code>.next<\/code> , <code>node_module<\/code> \u9019\u7a2e\u8a2d\u5b9a\u6a94\u4e0d\u7528\u4e0a\u50b3\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1-1024x410.png\" alt=\"\" class=\"wp-image-335\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1-1024x410.png 1024w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1-300x120.png 300w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1-768x307.png 768w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-1.png 1209w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5de6\u4e0b\u89d2\u7684\u5730\u65b9\u53ef\u4ee5\u9078\u64c7 Repository \uff0c\u5728\u9019\u908a\u9078\u64c7GitHub\uff0cVercel\u6703\u900f\u904eAPI\u53d6\u5f97\u4f60\u73fe\u5728\u7684\u5c08\u6848\uff0c\u6309\u4e0b<code>Import<\/code> \u5f8c\u9032\u5165\u81ea\u52d5\u90e8\u5c6c\u9801\u9762: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"725\" src=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-2.png\" alt=\"\" class=\"wp-image-336\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-2.png 714w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-2-295x300.png 295w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u63a5\u8457\u6309\u4e0bDeploy\u5c31\u597d\u4e86!! \u63a5\u8457\u5c31\u6703\u9032\u5165\u5100\u8868\u677f\uff0c\u5176\u4ed6\u64cd\u4f5c\u4e4b\u5f8c\u6703\u518d\u4ecb\u7d39( \u9019\u7bc7\u4e3b\u8981\u8457\u91cd\u5728\u90e8\u5c6c )<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-3-1024x576.png\" alt=\"\" class=\"wp-image-337\" srcset=\"https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-3-1024x576.png 1024w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-3-300x169.png 300w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-3-768x432.png 768w, https:\/\/hyc.eshachem.com\/program\/wp-content\/uploads\/2026\/05\/image-3.png 1446w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity\">\n\n\n\n<h1 class=\"wp-block-heading\" id=\"%e4%bd%bf%e7%94%a8terminal%e9%83%a8%e5%b1%acnext-js\">\u4f7f\u7528terminal\u90e8\u5c6cNext.js<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\u63a5\u8457\u4f86\u770b\u770b\u5982\u679c\u4e0d\u60f3\u958b\u767c\u5230\u4e00\u534a\u9084\u8981\u96e2\u958b\u7de8\u8b6f\u5668\uff0c\u53bb\u700f\u89bd\u5668\u8a2d\u5b9a\u7684\u8a71 (\u53c8\u6216\u8005\u61f6\u5f97Git\u64cd\u4f5c)\uff0c\u6211\u5011\u53ef\u4ee5\u76f4\u63a5\u900f\u904e\u7d42\u7aef\u6a5f\u4e0b\u6307\u4ee4\u4f86\u5b8c\u6210\u7c21\u55ae\u7684\u90e8\u5c6c!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9996\u5148\uff0c\u5148\u5b89\u88dd Vercel CLI<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">npm i -g vercel<\/code><\/span><\/pre>\n\n\n<p class=\"wp-block-paragraph\">\u53ef\u4ee5\u8f38\u5165 <code>vercel --version<\/code> \u78ba\u8a8d\u662f\u5426\u5b89\u88dd\u6210\u529f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u662f\u7b2c\u4e00\u6b21\u5728\u96fb\u8166\u4e0a\u900f\u904eTerminal\u90e8\u5c6c\uff0c\u6703\u9700\u8981\u5148\u767b\u5165\uff1a(\u6703\u8df3\u5230\u700f\u89bd\u5668\u8b93\u4f60\u9a57\u8b49\u8eab\u5206)<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">vercel login<\/code><\/span><\/pre>\n\n\n<p class=\"wp-block-paragraph\">\u63a5\u8457\u9023\u7d50\u5c08\u6848\uff0c\u4e00\u8def\u6309 <code>Enter<\/code> \u5373\u53ef\u3002(\u57f7\u884c\u5b8c\u6703\u591a\u4e00\u500b <code>.vercel<\/code> \u8cc7\u6599\u593e)<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">vercel link<\/code><\/span><\/pre>\n\n\n<h4 class=\"wp-block-heading\" id=\"step-3-%e5%9f%b7%e8%a1%8c%e9%83%a8%e5%b1%ac\"><strong>Step 3: \u57f7\u884c\u90e8\u5c6c<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u90e8\u5c6c\u5230\u9810\u89bd\u74b0\u5883 (Preview)\uff1a<\/strong> \u9019\u6703\u7522\u751f\u4e00\u500b\u96a8\u6a5f\u7684\u6e2c\u8a66\u7db2\u5740\uff0c\u8b93\u4f60\u6aa2\u67e5\u7dda\u4e0a\u7248\u672c\u662f\u5426\u6b63\u5e38\u3002<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">code<\/span>&gt;<\/span>vercel<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">code<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u90e8\u5c6c\u5230\u6b63\u5f0f\u74b0\u5883 (Production)\uff1a<\/strong> \u7576\u6e2c\u8a66\u6c92\u554f\u984c\uff0c\u52a0\u4e0a <code>--prod<\/code> \u53c3\u6578\u6703\u66f4\u65b0\u5230\u6b63\u5f0f\u7db2\u57df\uff0c\u5c31\u53ef\u4ee5\u8207\u5225\u4eba\u5206\u4eab\u4e86!!<\/li>\n<\/ul>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">code<\/span>&gt;<\/span>vercel --prod<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">code<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h1 class=\"wp-block-heading\" id=\"section\"><\/h1>\n","protected":false},"excerpt":{"rendered":"<p>\u958b\u767c\u6642\u5e38\u5e38\u9047\u5230\uff1a\u9700\u8981\u8b93\u4ed6\u4eba\u9810\u89bd\u5c08\u6848\u3001\u537b\u53c8\u4e0d\u4fbf\u76f4\u63a5\u4e0a\u50b3\u81f3\u6b63\u5f0f\u74b0\u5883\u7684\u9700\u6c42\u3002ngrok\u662f\u4e00\u500b\u65b9\u6cd5\uff0c\u4e4b\u524d\u6211\u6709\u5beb\u904e\uff0c\u4e0d\u904e\u96d6\u7136\u7528 ngrok \u5f88\u65b9\u4fbf\uff0c\u4f46 ngrok \u672c\u8cea\u4e0a\u662f\u5c07\u672c\u5730 Port \u6620\u5c04\u81f3\u516c\u958b\u7db2\u5740\uff0c\u4e00\u65e6\u96fb\u8166\u91cd\u555f\u3001\u9032\u5165\u4f11\u7720\u6216\u4e0d\u614e\u95dc\u9589\u7a0b\u5f0f\uff0c\u9023\u7dda\u5c31\u6703\u4e2d\u65b7\u3002\u6240\u4ee5\u7f3a\u9ede\u662f\u5b83\u5fc5\u9808\u300c\u4e00\u76f4\u958b\u8457\u300d \u56e0\u6b64\u66f4\u7a69\u5b9a\u7684\u96f2\u7aef\u9810\u89bd\u65b9\u6848\uff0c\u9084\u80fd\u9806\u4fbf\u6aa2\u67e5\u90e8\u7f72\u72c0\u6cc1\u3001\u505a\u5f8c\u7e8c\u7684\u6d41\u91cf\u5206\u6790\uff0c\u90a3\u9ebc Vercel \u6703\u662f\u6211\u512a\u5148\u9996\u9078! (Vercel \u96f2\u7aef\u90e8\u5c6c\u7684\u539f\u56e0\u4e5f\u8b93\u4ed6\u6210\u70ba\u4f5c\u54c1\u96c6\u7684\u6700\u4f73\u9996\u9078!) Vercel \u662f Next.js\u7684\u6bcd\u516c\u53f8\uff0c\u5927\u5bb6\u53ef\u4ee5\u5148\u53bb\u8a3b\u518a\u4e00\u500bVercel\u5e33\u865f! Vercel \u7684\u6838\u5fc3\u5b9a\u4f4d\u662f Serverless (\u7121\u4f3a\u670d\u5668) \u5e73\u53f0\uff0c\u4e3b\u8981\u91dd\u5c0d\u524d\u7aef (Next.js, React) \u548c\u8f15\u91cf\u7d1a\u7684 Function (Node.js, Python, Go)\u3002 \u4f7f\u7528github\u3001gitLab\u90e8\u5c6cNext.js \u5148\u4f86\u8b1b\u8b1b\uff0c\u5982\u4f55\u900f\u904eGitHub\u4f86\u90e8\u5c6c\u5230Vercel! GitLaba\u90e8\u5c6c\u7684\u64cd\u4f5c\u5927\u540c\u5c0f\u7570! \u6211\u5011\u5148\u5c07\u7a0b\u5f0f\u78bc\u4e0a\u50b3\u5230GitHub\uff0c.next , node_module \u9019\u7a2e\u8a2d\u5b9a\u6a94\u4e0d\u7528\u4e0a\u50b3\u3002 \u5de6\u4e0b\u89d2\u7684\u5730\u65b9\u53ef\u4ee5\u9078\u64c7 Repository \uff0c\u5728\u9019\u908a\u9078\u64c7GitHub\uff0cVercel\u6703\u900f\u904eAPI\u53d6\u5f97\u4f60\u73fe\u5728\u7684\u5c08\u6848\uff0c\u6309\u4e0bImport \u5f8c\u9032\u5165\u81ea\u52d5\u90e8\u5c6c\u9801\u9762: \u63a5\u8457\u6309\u4e0bDeploy\u5c31\u597d\u4e86!! \u63a5\u8457\u5c31\u6703\u9032\u5165\u5100\u8868\u677f\uff0c\u5176\u4ed6\u64cd\u4f5c\u4e4b\u5f8c\u6703\u518d\u4ecb\u7d39( \u9019\u7bc7\u4e3b\u8981\u8457\u91cd\u5728\u90e8\u5c6c ) \u4f7f\u7528terminal\u90e8\u5c6cNext.js \u63a5\u8457\u4f86\u770b\u770b\u5982\u679c\u4e0d\u60f3\u958b\u767c\u5230\u4e00\u534a\u9084\u8981\u96e2\u958b\u7de8\u8b6f\u5668\uff0c\u53bb\u700f\u89bd\u5668\u8a2d\u5b9a\u7684\u8a71 (\u53c8\u6216\u8005\u61f6\u5f97Git\u64cd\u4f5c)\uff0c\u6211\u5011\u53ef\u4ee5\u76f4\u63a5\u900f\u904e\u7d42\u7aef\u6a5f\u4e0b\u6307\u4ee4\u4f86\u5b8c\u6210\u7c21\u55ae\u7684\u90e8\u5c6c! \u9996\u5148\uff0c\u5148\u5b89\u88dd Vercel CLI \u53ef\u4ee5\u8f38\u5165 vercel &#8211;version \u78ba\u8a8d\u662f\u5426\u5b89\u88dd\u6210\u529f\u3002 \u5982\u679c\u662f\u7b2c\u4e00\u6b21\u5728\u96fb\u8166\u4e0a\u900f\u904eTerminal\u90e8\u5c6c\uff0c\u6703\u9700\u8981\u5148\u767b\u5165\uff1a(\u6703\u8df3\u5230\u700f\u89bd\u5668\u8b93\u4f60\u9a57\u8b49\u8eab\u5206) \u63a5\u8457\u9023\u7d50\u5c08\u6848\uff0c\u4e00\u8def\u6309 Enter [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-333","post","type-post","status-publish","format-standard","hentry","category-front-end"],"views":3,"_links":{"self":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":4,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/posts\/333\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hyc.eshachem.com\/program\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}