I am learning Next.js and I am confused about whether to use App Router or Pages Router for my project as a fresher.

I have a page /credit-cards which is SSR. When I see the Preview tab in DevTools, it does not show the rendered HTML of that page and shows only unparsed HTML code.

But the / page preview is working fine with rendered HTML code and it is also SSR.

I want to know which router is better to start with as a fresher in Next.js so that I can avoid issues like this and follow best practices.