Make a single page as component and page data will be fetched from api

[Aadarsh4u-code]

Summary: I need to implement a component. When I drop that component to the grapes js editor it should be rendered as shown in the images below where all the card data will be fetched from API and also it has some actions to perform like filter, search, and pagination. in addition, if I click on the card button to view, it should redirect to the relevant page.

It is possible to make a component as a single page where all the data will be fetched from API as shown in the image below ??

If Yes, I need some suggestions and help as well.
If No, then please suggest to me the way to handle such requirements.