最近剛認識了 NX 這套 monorepo 工具,就想將一直以來開發各個專案時使用到的工具做個整合,順便摸熟 monorepo 的架構,主要會以 NX + NextJS 做基礎,也想試試能不能在一個資源庫中搭配多種框架(Vue , React Native 等)。
來設定 Next 專案的 i18n 功能。 Next App Router 架構納入了 React Server component ,所以要想辦法設定能夠在...
稍微做個延伸,建立 Next 識別用戶預設語系跟記憶語系選擇的功能。 同樣主要參考這篇: i18n with Next.js 13 and app direct...
設定完 Server Component 接著是 Client Component 安裝套件幫助找出使用者的預設語系。 pnpm add -D i18next-...
NX 構成的 monorpeo 主要有兩種不同類型的結構,分別是 package-baed 跟 integrated ,這邊來簡介兩者的區別。 Package-...
Astro 最近更新了 3.0 版本,來加到這個玩具箱裡試試看吧。 目前 NX 沒有官方支援的 Astro 擴充,雖然有社群版本的但還沒升級到 Astro 3....
Astro 的特點之一,就是可以使用各家框架的元件,像是 React, Vue, Svelte 等,能夠將不同來源的元件拼合到一頁上,在 Monorepo 的架...
目前為止加入工具箱的專案都是 javascript 框架,不曉得 NX 有沒有辦法搭配非 javascript 體系的框架。 來實驗看看吧,嘗試在 NX 中加入...
NX 的 React 擴充有提供建立 Module Federation 架構專案的功能,來試試看。 首先簡介一下 Module Federation 架構,相...
研究了一下 Next.js 有沒有辦法形成 module federation 架構,簡單結論來說, App Router 的架構下還不行。 目前建構 Next...