當你做好你的網站後，教大家把你的網站部署到雲端伺服器Vercel


職場產業

學習

投資理財

學習重點

影片教學

額外連結

更多相關教學文章持續更新，請別忘記追蹤呦

<div class="draft-block draft--p left">當你做好你的網站後，教大家把你的網站部署到雲端伺服器Vercel</div>
<h3 class="draft-block draft--h3" name="header-ce390"></h3>
<h3 class="draft-block draft--h3" name="header-242mj">學習重點</h3>
<ul>
  <li class="draft-block draft--li">如何使用Github Desktop</li>
  <li class="draft-block draft--li">如何部署到Vercel 雲端伺服器</li>
  <li class="draft-block draft--li">Vercel 裡面設定和環境介紹</li>
  <li class="draft-block draft--li">如何自訂自己的網址</li>
</ul>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-a42qg"><span style="font-weight: bold; ">影片教學</span></h3>
<h3 class="draft-block draft--h3" name="header-ctpjh"></h3>
<div class="embed-block-prerender" data-type="html" data-url="https://youtu.be/BDV3rTczEns"></div>
<blockquote class="draft-block draft--blockquote"><span style="font-weight: bold; ">注:此為</span>Next.js 12<span style="font-weight: bold; ">版本，後續會推出新版本教學，別忘記記得追蹤呦</span></blockquote>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-bofgp">額外連結</h3>
<div class="draft-block draft--p left">如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件</div>
<div class="draft-block draft--p left"><a href="https://vocus.cc/article/645c733dfd89780001ffe890" target="_blank" class="draft--a">https://vocus.cc/article/645c733dfd89780001ffe890</a></div>
<div class="draft-block draft--p left"> Code 來源: <a href="https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUFFLUhqbnNxNUtTMmNOZjhPS05vX2NOSm1GVHk3SWFXQXxBQ3Jtc0ttcjZPXzdUZ3FzY3pBamFLQ0thaUxjZmdrVG1LNmlCS3U2bnAxLTNFd254Y1IyTmJ5YzA2Q21sWDc1QXB6alZvQUlhYk5feGdIa0FrZFNkYXdOSlpFbzlhSmJnSnZiMWdMeTZGSlpCZlREYk41ejB2WQ&amp;q=https%3A%2F%2Fgithub.com%2FJayLinXRs%2Fnext-portfolio&amp;v=BDV3rTczEns" target="_blank" class="draft--a">https://github.com/JayLinXRs/next-por...</a></div>
<div class="draft-block draft--p left"></div>
<h3 class="draft-block draft--h3" name="header-21pno">更多相關教學文章持續更新，請別忘記追蹤呦</h3>
<div class="draft-block draft--p left">JayLinXR YT: <a href="https://www.youtube.com/@jaylinxr" target="_blank" class="draft--a">https://www.youtube.com/@jaylinxr</a></div>
<div class="draft-block draft--p left">JayLinXR IG: <a href="https://www.instagram.com/jaylin_xr/" target="_blank" class="draft--a">https://www.instagram.com/jaylin_xr/</a></div>

當你做好你的網站後，教大家把你的網站部署到雲端伺服器Vercel

如何部署你的網站Next.js到Vercel，讓別人看的你的網頁?

注:此為Next.js 12版本，後續會推出新版本教學，別忘記記得追蹤呦

如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件

https://vocus.cc/article/645c733dfd89780001ffe890

 Code 來源: https://github.com/JayLinXRs/next-por...

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/

JayLin教你如何部署你的網站Next.js到Vercel，讓別人看的你的網頁

這集介紹Next Image Module模組和CSS3如何定位在Next.js Framework


學習image 圖片元件在Next.js並做一個簡單的作品集(Portfolio)

設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr 

JayLinXR的沙龍

當你做好你的網站後，教大家把你的網站部署到雲端伺服器Vercel

Code 來源: https://github.com/JayLinXRs/next-portfolio

如果喜歡我的視頻，請幫忙點個讚和分享呦 😃

導師培訓課程，One-One學程式有清晰規劃，JayLin幫你解惑
https://jaylinxr-academy.vercel.app/

------------------------------------------------------------------------------------------------------------------------

成為Web3.0 & 區塊鏈工程師 (Blockchain Developer)
https://youtube.com/playlist?list=PLm5zwchfUTJBc2iuqrfYG1DX3lyaVPcb8

用Figma | Next.js做一個簡單的作品集(Portfolio)
https://youtube.com/playlist?list=PLm5zwchfUTJCgxNUOFVcnFwxOXap1jU9-

跟Jay Lin一起做App
https://youtube.com/playlist?list=PLm5zwchfUTJByl40z4jeEIM7dAZMY9EQU

VR | AR | XR | Metaverse 元宇宙教學
https://youtube.com/playlist?list=PLm5zwchfUTJDlBTpcbK06Ioq-PWGFPxR1

初學Coding系列教學
https://youtube.com/playlist?list=PLm5zwchfUTJDfnDyHz4BNEWZ91OTKM9vd

Tailwind CSS 教學
https://youtube.com/playlist?list=PLm5zwchfUTJBaXJshurb1-xnACAZDyEu8

=======遊戲討論區 & 技術社群討論=======

加入遊戲社群和討論相關技術:
https://www.youtube.com/channel/UCM1aHkQKF2iiHGS4fBO7rRQ

JayLinXR 粉絲團:
https://www.facebook.com/JayLinXR