我決定開放最新的投資組合網站!它具有動態的內容管理,可以使用Content fulst的CMS添加項目和帖子,並使用Next.js和Chakra UI構建。
請參閱Next.js和Chakra UI文檔以了解更多信息。
請隨意訂購這個存儲庫來製作自己的投資組合,如果您喜歡倉庫,請通過給明星來支持它!
創建.env.local並根據.env.example遵循變量名稱,並根據以下步驟獲取API鍵
1。創建一個內容帳戶
2。添加一個社區空間(免費!)
3。選擇“我創建內容”
4。轉到內容模型並開始添加內容類型
?在此投資組合網站中,它具有5種內容類型,它是:
1。博客文章
⚡2.0.0更新後,我將GitHub問題用作博客內容!
有關此信息的更多詳細信息:https://abdulrahman.id/blog/unleash-your-dev-blog-write-more-with-github-issues-sissues-ass-your-cms
- 特色專門
- 專案
- 介紹
- Contactme
您必須添加此確切的名稱,因為它是代碼中使用的ID。
根據這些字段添加內容類型: 

轉到設置 - > API鍵 - >內容交付 /預覽令牌 - >“您的空間名稱”複製空格ID和內容交付API訪問api訪問令牌
根據.env.example將其放入環境變量中,然後將其設置為!
1。創建一個火箱項目
2。設置內容後,您將獲得API鍵,保存這些鍵。
3。轉到Firestore數據庫
4。添加一個名為views的集合
5。然後,根據.env.example將那些API鍵放在之前!
1。創建一個Google Analytics(分析)帳戶,在屬性設置部分中,不要忘記打開通用分析
2。之後,您將看到一個以UA-開頭的代碼
3.複製這些代碼,並根據env.example和完成!
使用npm i或yarn安裝依賴項
通過npm run dev或yarn dev啟動項目
您可以使用Vercel輕鬆部署嗎?
pages/index.js =主頁pages/projects/index.js =項目存檔頁面pages/blog/index.js =博客列表頁面pages/blog/[slug].js =博客文章頁面pages/api/views = api從firebase獲取博客文章視圖