
在經營技術博客的過去五年,儘管靜態網站生成方法在某些方面具有優勢,但它們也帶來了一些困難和挑戰。

前端開發領域一直都處於不斷變化的前緣,2023年也同樣如此。我一直追求最新的技術趨勢和工具,以確保我能夠在這個競爭激烈的領域中保持競爭力。在不斷追求創新和學習的過程中,我深深體會到前端技術的重要性。

2023年的香港開源大會成為了我對Astro的首次接觸之地。當時,我瞭解到這個全新的技術,從內心被它所吸引。Astro不僅僅是一個靜態網站生成器,更是能夠將動態框架(如Vue.js、React等)轉化為靜態網站的強大工具,能夠極大地提升網站的性能和載入速度。作為一名極度重視用戶體驗的前端開發者,這個概念對我來說,無疑是一個引人振奮的創新。

例如這個組件,我就可以在Storybook的界面上展示如何透過傳達不同的Props輸出不同效果。

GatsbyJS 提供了一個簡單易用的命令行工具,我們可以透過它來構建一個基本的 React 網站,並實時看到修改代碼所帶來的變化。

時光飛逝,我已從大學畢業成為前端工程師。回想這一年,我完成了三件事情:改版博客系統,讓不同用戶可以快速啟動項目,它是我第一個過百Star數的項目;翻譯並校對技術文章,學習了不少前端實用的技術;對博客系統框架的GatsbyJS,ReactJS技術研究。

感謝各位這些年來閱讀我的博客文章,以及優化博客系統框架,現在,我將為你帶來一個前後端徹底分離,而且可以一鍵啟動的博客框架。

上次我們提到 GatsbyJS,它是一個可以獲取任意數據,並生成靜態化網站的系統。這一次,就讓我們以 Calpa 的技術博客作為例子來開始架構網站吧

GatsbyJS是一個擁有超過2萬Stars,3500forks的React網站生成系統。
提供,我們可以透過使用組件,拆分UI為可以重複使用的獨立部分。是一個抽象的baseclass。我們甚少直接運用,通常是透過創建一個子類,並使用方法。