鐵人檔案
上一次我們建立了上傳的外觀，但是還沒編寫出上傳後顯示圖片的細節，這次我們要完成這個部分的內容。 我們修改CreateModal.jsx，主要對div class...
我們上回完成了CreateModal，接下來要完成的是Story，構成Story有兩個主要的部分：最上面的進度條、下面隨著進度條變換的圖片，以下內容會圍繞在這兩...
我們上一次完成了Story區塊，但是只能透過網址進入，這一次我們要設定能從首頁上進入Story。 修改StoryCircle.jsx，增加點擊跳到Story的功...
上一回我們的Instagram已經完結了，下一個專案是模仿一個X(原推特)，在上一個專案有許多的遺憾，由於沒有後端，因此只能顯示固定的內容。這一次的X專案是前端...
上回我們建立了專案，接下來我們要開始進行Next.js的Hello World。 在Visual Studio Code開啟專案資料夾，修改pages/inde...
我們繼續完成側邊欄，談到側邊欄就是一些icon加文字。 在layout資料夾下，新增SidebarItem.tsx，這是用來統一設定側邊欄的icon呈現的方式。...
在Components資料夾，建立Button.tsx，用來構建一個按鈕物件。 'use client' interface ButtonProps{...
上一回，我們完成了登入表單，這一次我們要來做註冊表單，我們並不需要從零開始，因為我們已經使用類似物件導向的概念完成了大部分的元件，只需要重複使用登入表單的程式碼...
一進入網頁就馬上要求登入或註冊，不是我們想要的，真正的X應該也沒有強制登入才能觀看內容。 我們修改useRegisterModal.tsx，把isOpen改成f...
打開MongoDB Atlas，我們來到Project的Overview點擊【CONNECT】，在新出現的視窗選擇【MongoDB for VS Code】，找...
