Integrate WebViewer into a Next.js 14 Project

Using a Next.js 14 project, WebViewer is defined in a TSX component and added to the home page in the Page.tsx file. The component is able to view, annotate, and manipulate PDFs and other documents.

The sample also demonstrates how to programmatically add a rectangle annotation with user-defined dimensions.

WebViewer provides a slick out-of-the-box responsive UI that enables you to view, annotate and manipulate PDFs and other document types inside any web project.

Once you generate your license key, it will automatically be included in your sample code below.

Click the button below to view the full project in Github.