我正在尝试在 next.js 应用程序中创建小部件

Question

我的网站在 next.js 上几乎完成了。 我正在尝试为我的组件之一创建小部件，该小部件可以嵌入在没有 iframe 的任何网站上。 请帮帮我

Answer 1

使用 Web 组件框架

首先了解什么是Web组件。

https://developer.mozilla.org/en-US/docs/Web/Web_Components

推荐框架

• https://stenciljs.com/docs/introduction （由 Ionic 制作）
• https://github.com/github/catalyst （由 Github 制作）
• https://lit.dev/ （谷歌制作）

您的网站在 next.js 中不会成为这里的一个因素。 您应该构建您的 Web 组件，然后通过 CDN 或 next.js 中的静态文件夹提供它。 您可以重用您的 REST 路由或样式等，但您需要一个合适的现代 Web 组件。