Gunjan Datta demonstrates how to surface a classic SharePoint HTML/JS/CSS solution in a modern page or teams tab.

We will use the VueJS Basic Dashboard example from the Code Examples page to surface in a modern page and teams tab.

Minimal App Page

We will use the minimal app page for app parts to render our custom HTML/CSS/JS solution to. Microsoft hasn’t announced Add-In solutions being deprecated, so this solution should work long term. This solution will not work on sites that have Custom Scripts disabled.

Dashboard Example

The VueJS dashboard example uses a content editor webpart which references an index.html.

Continue reading on Gunjan’s blog