call db directly in next js app router

hey guys im following josh saas tutorial for some insight in this new version of nextjs, and the i came accros this im feeling somewhat uncomfortable about this because before this im using t3 but still in page router and obviously i always use the trpc first to fetch data, my question is will this pattern is safe and will be common in future?
thanks!