[2

本文詳細介紹了使用next.js創建Chrome擴展的過程，重點是為彈出式的React和實現有效的代碼組織。 作者分享了他們的經驗，將Twitter主題項目重寫為Next.js擴展名，強調了Next.js結構的優勢，而不是Create React應用等替代方案。 引用的關鍵好處是改進的代碼組織，最大程度地減少了樣板。雖然Next.js具有靜態HTML導出，JavaScript預加載和路由之類的功能是有益的，但主要動機是更清潔的代碼。

？擴大 ？清單 ？ Next-App ？頁面 ？民眾 ？樣式 ？ package.json readme.md

? extension
  ? manifest.json
? next-app
  ? pages
  ? public
  ? styles
  ? package.json
README.md

文件被配置為使用 keyword（sustest v3）來指定Next.js生成的彈出html文件： { “名稱”：“ Next Chrome”， “描述”：“ Next.js Chrome Extension Starter”， “版本”：“ 0.0.1”， “ castest_version”：3， “行動”： { “ default_title”：“ next.js app”， “ default_popup”：“ index.html” } }

）與Chrome Extensions不兼容。 的最後一步涉及使用（或 yarn build ）使用

總而言之，本文為尋求利用Next的開發人員提供了一份實用指南。 JS為構建Chrome擴展的優勢，提供簡化的開發過程和改進的代碼組織。  它強調了定制的構建過程的重要性，並突出了潛在的陷阱。