fix: update Next.js pages link to latest ver (aws-amplify#8126)

Author: tiffanynwyeung

Readme.md

@@ -37,7 +37,7 @@ We welcome contributions to the documentation site! Here's how to do it:
 
 ## Authoring pages
 
-Our docs are generated using [Next.js](https://nextjs.org/). Refer to their docs on [how to create pages](https://nextjs.org/docs/basic-features/pages) as a primer.
+Our docs are generated using [Next.js](https://nextjs.org/). Refer to their docs on [how to create pages](https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts) as a primer.
 
 The source for each page is in **src**. This folder is the only directory you need to touch to edit or create pages.
 

src/fragments/lib-v1/ssr/js/next-js-callout.mdx

@@ -1,5 +1,5 @@
 <Callout>
 
-SSR functionality in Amplify was primarily built for compatibility with Next.js [page components](https://nextjs.org/docs/basic-features/pages), and their [getServerSideProps data fetching mechanism](https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props). Compatibility with other frameworks or Next.js features cannot be guaranteed.
+SSR functionality in Amplify was primarily built for compatibility with Next.js [page components](https://nextjs.org/docs/pages/building-your-application/routing/pages-and-layouts), and their [getServerSideProps data fetching mechanism](https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props). Compatibility with other frameworks or Next.js features cannot be guaranteed.
 
-</Callout>
+</Callout>