約莫是2004年，開始在無名上寫blog，記錄一些想法與抒發，也不可思議的認識了一些朋友，隨著無名小站脫離交大，之後賣給了yahoo之後，開始出現廣告等商業行為，後來跟著很多遭收購公司的下場，無外乎吸收完會員，殘值用盡，企業哪裡會在乎上面用戶的回憶與體驗。

往後也開始了嘗試不同平台，tumblr, blogger,都曾短暫的使用，後來也難以持續，直到了開始用medium，乾淨與簡約介面，閱讀上也方便，就開始了困難的搬家工程，當時不會寫程式，也只能用好心的網友寫的工具，轉來轉去，終於把文章都放入了新家。

到現在大約10多年過去，從他們超過點閱數量需要開通收費會員才能繼續觀看，公司都要賺錢，這是沒辦法的事情，公司有他的問題需要面對，而我的需要也需要面對，當初只想寫寫文章，幫助自己思考，如果能透過議題與思想認識志同道合的朋友，那真是可遇不可求。

從2016下半年轉換跑道，從事軟體開發後，自己也具備了解決問題的能力，自己架設Blog，但看看wordpress, hugo, gatsbyjs...等等，許多open source的解決方案，仍然覺得這不是我的，不是一磚一瓦自己蓋出來的東西，直到幾個月前到了新公司，因為研究成份居高，雖然部門也有自己的讀書會，但都以教學，開箱技術為主，跟我的理想做完一個滿足需求的side project，再來介紹裡面的技術，有所差距。

現在大約完成80%左右，網站的stack如下：

• backend
  • keystonejs
    定義為CMS，他使用nextjs作為fullstack framework，整合 prisma的ORM，處理與資料庫的寫入，透過每個資料表的欄位設定，就可以自動完成 database migration與 graphql api (整合apollo)，讓前端可以直接接起來。
  • neon
    serverless的database，免費的額度很夠用，用來作為存放資料的地方已經很夠。
• frontend
  • nextjs 13.4
    特別強調版本，因為從這裡開始有了 server component, client component，讓php 開發者燦笑，可以做到SSR(Server Side Render)與SSG(Static Side Generation)，大大提升了SEO與可以靜態部署。
  • tailwindcss
    一般工程師最愛UI kit，像是 bootstrap，客制起來很麻煩，如果想練練技術，做出自己風格的網站，用它做什麼？
    tailwindcss的角色是 utility-first CSS，預先寫把複雜的css用語意化的方式建立成對應的class，讓你可以直接使用，省去了另外寫css的管理麻煩與寫法燒腦的問題。

之後陸續把裡面用到的技術與設計，分幾篇文章做一些紀錄，感謝很多開發者無私的奉獻在網路上，讓我找到很多有趣的資訊與寫法，本來blog很少放技術類的文章，大多是自己看書或是一些想法的紀錄，也到了該貢獻一些內容的人生階段(茶)。