Michelle Buchi Okonicha
Michelle Buchi Okonicha's Blog

Follow

Michelle Buchi Okonicha's Blog

Follow
How To Create A Preview Link In Next.js With Open Graph.

How To Create A Preview Link In Next.js With Open Graph.

Michelle Buchi Okonicha's photo
Michelle Buchi Okonicha
·May 30, 2022·

1 min read

There are a few documents that describe preview links in Next.js and this might pose a challenge for new users. However, this is as easy as it can get.

To create a preview link in next.js, go to your app.tsx or app.js and add the following to a tag which you will include by importing Next/Head.

import Head from 'next/head'

If you however need to create preview links for different pages, this will be added to the different pages which a few more steps that I will share in my next article.

My Twitter Handle: https://twitter.com/mchelleOkonicha

My LinkedIn Handle: https://www.linkedin.com/in/buchi-michelle-okonicha-0a3b2b194/

 
Share this