HI @sukghosa ,
IMO, it's not possible to mix a Non SPA and SPA component in SPA page, If you want to create any component using SPA template then it's not possible.
- You can try adding some text or something at the page template level (Which will be hardcoded not a draggable component), But this will be effective across the template.
- You can have your own template created and and create HTL component in the same project structure.
NOTE: You can not use non SPA component in SPA template. As in SPA everything is client-side rendered.
If you see the body.html we only have root div to render at react side.
You can check out this article [0] on the same, for more details.
[0]: https://aemsimplifiedbynikhil.wordpress.com/2020/08/18/aem-spa-react-project-setup-and-component-int...
Hope that helps you!
Regards,
Santosh