Next.js router could have knowledge of preview mode

[Timer]

Feature request

An application can only determine if you're in Preview Mode via getServerSideProps or getStaticProps.

This can lead to noisy prop drilling to render preview states in different parts of your application, and make it difficult to render something specific to preview mode in Custom <App> due to the lack of dedicated getServerSideProps or getStaticProps for that file.

Describe the solution you'd like

Next.js' router should provide preview state, similar to fallback state:

import { useRouter } from 'next/router';

const { isPreview } = useRouter();

---

We might also want the following to work:

import Router from 'next/router`
Router.isPreview

This is an API idea, we're not entirely sure if we want to implement this yet. Just braindumping here!

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.