internationalization
React Component
React
React
AST(Abstract syntax tree)
React
AST(Abstract syntax tree)
Chinese
React
AST(Abstract syntax tree)
Chinese
Insert variables
Typescript
Typescript
Javascript
Typescript
Javascript
Nextjs
Others
LC_CTYPE=C sed -i '' \
-E 's/string_91([^0-9])/meta.search_title.without_query.title_format\1/g' \
$(ag 'string_91([^0-9])' \
./sites/web --ignore-dir ./sites/web/config | \
awk '{split($0, a, ":"); print a[1]}')const intlLoader = new IntlLoader({
defaultLocale: Locale.zhTW,
locales: {
[Locale.zhTW]: async () =>
(
await import(
/* webpackChunkName: "locale-zh-TW" */ '../locale/zh-TW.json'
)
).default,
[Locale.enUS]: async () =>
(
await import(
/* webpackChunkName: "locale-en-US" */ '../locale/en-US.json'
)
).default,
[Locale.jaJP]: async () =>
(
await import(
/* webpackChunkName: "locale-ja-JP" */ '../locale/ja-JP.json'
)
).default,
},
});Server Side 載入
Time to first byte ++
Server Side 載入
Time to first byte ++
Client Side 載入
第一個畫面會沒有資料
Server
Client
HTML
中文字串
Server
Client
HTML
中文字串
Registry
Client
有用到的就註冊
寫到 HTML
HTML
Server
Registry
Client
有用到的就註冊
寫到 HTML
HTML
Server
中文字串