[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扩展的优势，提供简化的开发过程和改进的代码组织。  它强调了定制的构建过程的重要性，并突出了潜在的陷阱。