鐵人檔案
上回我們完成資料庫的設定了，接下來透過Prisma的幫助在前端專案讀取和修改MongoDB的資料。 為了做到這一點，需要安裝套件，在終端機輸入： npm i @...
在未登入時，側邊欄應該不會顯示logout按鈕才對，修正這個錯誤。 修改Sidebar.tsx，並實作登出。 import { BsHouseFill, BsB...
我們要完善頭像的區塊，讓它顯示照片，如果用戶沒有設定照片就顯示預設的頭像。 修改Avatar.tsx。 import useUser from "@/...
在上回我們完成了個人檔案的顯示，不過還沒有實作Edit按鈕的事件，這次我要來製作可以修改個人資料和上傳圖片的視窗，用戶可以自由地更改自己的名字、用戶名、自我介紹...
這次我們要在首頁顯示發佈貼文的輸入框，在輸入區塊的下面會顯示資料庫中儲存的全部貼文，點擊用戶頭像和用戶名會跳到那個用戶的個人檔案頁面。 修改Sidebar.ts...
上一回，我們完成了點擊進入貼文區塊的功能，這一次我們要開發追隨和喜歡功能。 在api資料夾，新增follow.ts，提供追隨和取消追隨的API，對資料庫中的用戶...
在pages/api資料夾下，新增comments.tsx，提供一個讓用戶在貼文下發表評論的API。 import { NextApiRequest, Next...
Github是世界上最大的程式碼存放平台，讓開發者可以建立、存取、管理和分享自己的程式碼。 或許你可能沒聽過這個名字，不過我們之前所使用的VS Code和Rea...
我們的專案如果想要在網路上讓大家瀏覽，那麼使用雲端平台是一個好方法，可以二十四小時都不關機，隨時隨地都能讓人瀏覽。 公認的三大知名雲端平台是AWS、Azure、...
接下來我會讓instagram專案在剛創建的執行個體上運行，這是一個純前端的專案，只需複製專案並安裝使用到的npm套件就能正常啟動。 我們來到EC2儀表板，在側...
