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

閱讀時間約 1 分鐘
當你做好你的網站後,教大家把你的網站部署到雲端伺服器Vercel

學習重點

  • 如何使用Github Desktop
  • 如何部署到Vercel 雲端伺服器
  • Vercel 裡面設定和環境介紹
  • 如何自訂自己的網址

影片教學

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

額外連結

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

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

為什麼會看到廣告
12會員
32內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
發表第一個留言支持創作者!
JayLinXR 的其他內容
這集介紹Next Image Module模組和CSS3如何定位在Next.js Framework
Next.js 架構是怎麼構成的呢?這次教學視頻和文章來帶大家了解_app.js or layout.js
當你有客製化的字型在Google Font裡面,但是又不知道如何導入到Next.js嗎? 這一集教大家如何從Google Font導入Next.js和做一個導覽列
建置好前端後, MERN全端工程師教學在這裡 想學習MongoDB和Express可以來這裡學習
教大家如何用TailwindCSS來做現代蠻流行的DarkMode和LightMode之間轉換😃 註: 最後面"dark"請改為"black",錄製太快沒有看到有錯誤
動態導覽列為增加使用者經驗UX,要如何在Tailwind CSS上實現呢?這次JayLin來帶大家做一個動態導覽列(Animation Navigation)
這集介紹Next Image Module模組和CSS3如何定位在Next.js Framework
Next.js 架構是怎麼構成的呢?這次教學視頻和文章來帶大家了解_app.js or layout.js
當你有客製化的字型在Google Font裡面,但是又不知道如何導入到Next.js嗎? 這一集教大家如何從Google Font導入Next.js和做一個導覽列
建置好前端後, MERN全端工程師教學在這裡 想學習MongoDB和Express可以來這裡學習
教大家如何用TailwindCSS來做現代蠻流行的DarkMode和LightMode之間轉換😃 註: 最後面"dark"請改為"black",錄製太快沒有看到有錯誤
動態導覽列為增加使用者經驗UX,要如何在Tailwind CSS上實現呢?這次JayLin來帶大家做一個動態導覽列(Animation Navigation)
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
或許會有人覺得自己嘴笨不會吵架,那可能是因為在吵架時總容易被對方帶進溝裡著急自證,一旦被對方佔據話題主動權當然會落於下風。其實最好的防守是攻擊,吵架最重要的是緊抓重點直擊對方要害,意志堅定反覆提及,不要跟著對方思路走,不轉移戰場和話題,不要被帶偏自證。
Thumbnail
在這個資訊爆炸的時代,我經常在畫插畫和工作的休息時間瀏覽PTT投資討論區,特別關注水星生醫股票。PTT上有很多小道消息,未經證實的信息常常引起市場波動。作為投資者,我們應該學會分析和篩選信息,驗證消息真偽,並以公司的基本面為基礎做出理性決策。希望這些分享能幫助大家在股市中導航,做出更明智的投資選擇。
Thumbnail
在這個療癒自己的世代,將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在,我們可以透過 ChatGPT,以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此,本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片,讓你的頁面更加豐富及溫暖。
品牌已經開放加盟20幾年了,現在全台有超過15家的加盟店,經營得還算穩定,但是總感覺大家只是在「配合」總部,實際上都各做各的,有辦法凝聚大家的向心力嗎? 當然有辦法!你得靠年度的「加盟主經營會議」 這是凝聚加盟主團結,持續力挺品牌總部向前發展的關鍵! 加盟主會議該做些什麼 加盟主
Thumbnail
起初閱讀時,很後悔沒有在出社會前先看過這本書...... 閱讀過程中一再反思我初入社會時的樣貌,不懂工作倫理、時常率性行事、也處處碰釘子⋯⋯ 心中自忖,若能早些閱讀到,就能更看清世事、更能保護自己。 再進一步身為人母的角度思索,另一個聲音卻出現了。 我希望自己的孩子在成年後仍舊永保心中的良善,
Thumbnail
想要打造庭園的你,是不是只對庭園設計師說:「就交給你安排了。」但如果造園設計師對於屋主如何使用庭院毫無概念,很快地庭院就會變得難以整理維護,也可能跟你想像的相距甚遠。
Thumbnail
你覺得主管容易當嗎?想當個好主管有訣竅嗎? 《解答一萬個主管都煩惱的事》作者淺井浩一為日本知名的管理諮詢專家,協助過的主管超過一萬人,當他在傾聽主管們的煩惱時,發現主管們的問題可被歸納成幾種類型,本書就是這些問題的共通解題要訣。假如你是中階主管或是有志朝管理職發展,一定要看當主管的共通煩惱如何解決
Thumbnail
律師是會說話的文字,讓文字遠離律師,等於剝奪了我們最重要的工具。我們需要用話語、文字來辯論、分析和針對複雜法律概念發表具有細微差別的解釋。但是圖像不應該被忽略,它們常能提供無法僅憑文字就能迅速有效闡明的概念。
Thumbnail
附圖是網路上流傳的一張美國新聞畫面、以及對岸某個媒體或個人的解讀。雖然這是個負面的例子,但只要我們弄懂其中的奧妙,其實它也有寫作上值得學習的地方。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
或許會有人覺得自己嘴笨不會吵架,那可能是因為在吵架時總容易被對方帶進溝裡著急自證,一旦被對方佔據話題主動權當然會落於下風。其實最好的防守是攻擊,吵架最重要的是緊抓重點直擊對方要害,意志堅定反覆提及,不要跟著對方思路走,不轉移戰場和話題,不要被帶偏自證。
Thumbnail
在這個資訊爆炸的時代,我經常在畫插畫和工作的休息時間瀏覽PTT投資討論區,特別關注水星生醫股票。PTT上有很多小道消息,未經證實的信息常常引起市場波動。作為投資者,我們應該學會分析和篩選信息,驗證消息真偽,並以公司的基本面為基礎做出理性決策。希望這些分享能幫助大家在股市中導航,做出更明智的投資選擇。
Thumbnail
在這個療癒自己的世代,將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在,我們可以透過 ChatGPT,以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此,本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片,讓你的頁面更加豐富及溫暖。
品牌已經開放加盟20幾年了,現在全台有超過15家的加盟店,經營得還算穩定,但是總感覺大家只是在「配合」總部,實際上都各做各的,有辦法凝聚大家的向心力嗎? 當然有辦法!你得靠年度的「加盟主經營會議」 這是凝聚加盟主團結,持續力挺品牌總部向前發展的關鍵! 加盟主會議該做些什麼 加盟主
Thumbnail
起初閱讀時,很後悔沒有在出社會前先看過這本書...... 閱讀過程中一再反思我初入社會時的樣貌,不懂工作倫理、時常率性行事、也處處碰釘子⋯⋯ 心中自忖,若能早些閱讀到,就能更看清世事、更能保護自己。 再進一步身為人母的角度思索,另一個聲音卻出現了。 我希望自己的孩子在成年後仍舊永保心中的良善,
Thumbnail
想要打造庭園的你,是不是只對庭園設計師說:「就交給你安排了。」但如果造園設計師對於屋主如何使用庭院毫無概念,很快地庭院就會變得難以整理維護,也可能跟你想像的相距甚遠。
Thumbnail
你覺得主管容易當嗎?想當個好主管有訣竅嗎? 《解答一萬個主管都煩惱的事》作者淺井浩一為日本知名的管理諮詢專家,協助過的主管超過一萬人,當他在傾聽主管們的煩惱時,發現主管們的問題可被歸納成幾種類型,本書就是這些問題的共通解題要訣。假如你是中階主管或是有志朝管理職發展,一定要看當主管的共通煩惱如何解決
Thumbnail
律師是會說話的文字,讓文字遠離律師,等於剝奪了我們最重要的工具。我們需要用話語、文字來辯論、分析和針對複雜法律概念發表具有細微差別的解釋。但是圖像不應該被忽略,它們常能提供無法僅憑文字就能迅速有效闡明的概念。
Thumbnail
附圖是網路上流傳的一張美國新聞畫面、以及對岸某個媒體或個人的解讀。雖然這是個負面的例子,但只要我們弄懂其中的奧妙,其實它也有寫作上值得學習的地方。