近期，ChatGPT 官網(wǎng)將前端框架從 Next.js 更換為Remix，這一舉動(dòng)引發(fā)了業(yè)界的廣泛關(guān)注與討論。Next.js作為當(dāng)前全球下載量第二的前端框架，僅次于 React，其影響力和普及程度可見一斑。而 Remix 作為一個(gè)相對(duì)較新的 React 框架，自開源以來一直保持著低調(diào)的發(fā)展態(tài)勢(shì)。ChatGPT的這一框架切換決策無疑激起了眾多開發(fā)者的好奇心。本文旨在探討 ChatGPT 可能出于何種考慮而做出這一轉(zhuǎn)變。

圖片

尤雨溪在社交平臺(tái)表示，切換為 Remix 的可能主要是為了 SPA（客戶端渲染）：

圖片

簡要分析

ChatGPT 作為 OpenAI 的明星產(chǎn)品，主要作為一個(gè)工具型應(yīng)用存在，其特性決定了它與傳統(tǒng)內(nèi)容驅(qū)動(dòng)網(wǎng)站在架構(gòu)和性能需求上的顯著差異。這種差異促使OpenAI在前端技術(shù)棧上進(jìn)行了從Next.js到Remix的遷移，這一決策背后有著多方面的考量。

客戶端渲染的專注與優(yōu)化

• ChatGPT特性：ChatGPT應(yīng)用的核心在于快速、流暢的客戶端交互，而非傳統(tǒng)的服務(wù)器渲染。Remix的輕量級(jí)和專注于客戶端渲染的特性使其成為更適合的框架。

強(qiáng)大的路由與數(shù)據(jù)管理

• React Router團(tuán)隊(duì)背景：Remix由React Router的原班人馬打造，繼承了React Router在路由處理上的強(qiáng)大能力，對(duì)于擁有復(fù)雜路由和交互的ChatGPT應(yīng)用來說至關(guān)重要。
• 數(shù)據(jù)預(yù)加載：通過加載器功能，Remix在渲染前預(yù)先獲取數(shù)據(jù)，避免了客戶端加載JavaScript后再進(jìn)行API調(diào)用的延遲，提高了應(yīng)用的性能和用戶體驗(yàn)。

后端獨(dú)立性與API交互

• API驅(qū)動(dòng)的后端：ChatGPT擁有獨(dú)立的后端API服務(wù)器，Remix作為前端框架，能夠無縫地從這些API獲取數(shù)據(jù)，實(shí)現(xiàn)了前后端的關(guān)注點(diǎn)分離，提高了系統(tǒng)的可伸縮性和可維護(hù)性。這種架構(gòu)使得前端和后端可以更加獨(dú)立地開發(fā)和維護(hù)，同時(shí)也便于未來可能的擴(kuò)展和升級(jí)。

開發(fā)體驗(yàn)與性能優(yōu)化

• Vite的優(yōu)勢(shì)：Remix基于Vite構(gòu)建，提供了快速的冷啟動(dòng)和高效的開發(fā)環(huán)境，相比于Next.js的Webpack，可能在開發(fā)體驗(yàn)上更具優(yōu)勢(shì)。
• 性能潛力：盡管ChatGPT的主要性能優(yōu)化是通過API和客戶端渲染來實(shí)現(xiàn)的，但Remix本身在性能優(yōu)化方面也具備潛力，有助于進(jìn)一步提升應(yīng)用性能。

SEO 權(quán)衡與選擇

• SEO重要性相對(duì)較低：由于ChatGPT主要是一個(gè)工具型應(yīng)用，SEO的重要性相對(duì)較低。因此，OpenAI選擇放棄Next.js的SSR功能，專注于快速、流暢的客戶端交互，這是Remix能夠提供的優(yōu)勢(shì)。