我正在尝试在 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 组件。