DEV Community

Michellebuchiokonicha
Michellebuchiokonicha

Posted on • Edited on

How to Create a Preview Link in next.js with Open Graph.

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 which 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/

Top comments (0)