Skip to content

A sample project for integration with NextJS 14 and the App router

Notifications You must be signed in to change notification settings

ApryseSDK/webviewer-nextjs-14-sample

Repository files navigation

WebViewer - Next.js 14 sample

WebViewer is a powerful JavaScript-based PDF Library that is part of the PDFTron PDF SDK. It provides a slick out-of-the-box responsive UI that interacts with the core library to view, annotate and manipulate PDFs that can be embedded into any web project.

WebViewer UI

This repo is specifically designed for any users interested in integrating WebViewer into a Next.js 14 project. With the source code access, it gives developers full control to customize and style the UI, build custom controls and logic, integrate into workflows, or build a UI from scratch.

Due to SSR in Next.js, the module needs to be imported dynamically, to avoid a "window is not defined" error due to re-rendering. Read more here: vercel/next.js#42319

Demos

Trial

WebViewer comes with a 7-day trial without any feature limitations or trial key needed. To extend the trial, you can obtain the trial key by signing-up on our developer portal.

Initial setup

Before you begin, make sure the development environment includes Node.js.

Project setup

npm install

Compiles and hot-reloads for development

npm run dev

Compiles and minifies for production

npm run build

Serves the minified build

npm start

Lints and fixes files

npm run lint

API documentation

Contributing

See contributing.

License

See license.

About

A sample project for integration with NextJS 14 and the App router

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •