Section:

Integrate WebViewer PDF Viewer & Editor into a NuxtJS app

This guide will show you how to integrate WebViewer Document Viewer & Editor into a NuxtJS application.

You can watch a step-by-step video to help you get started.

You can also download a ready-to-go sample on GitHub.

Prerequisites

Prior to starting, you should have already installed Node and npm.

Get your Apryse trial key.

License Key

Apryse collects some data regarding your usage of the SDK for product improvement.

If you wish to continue without data collection, contact us and we will email you a no-tracking trial key for you to get started.

Get Started with the Sample

1. Clone the Sample

Clone the webviewer-nuxtjs-sample repository:

sh

1git clone https://github.com/ApryseSDK/webviewer-nuxtjs-sample.git

Enter the directory and run npm install:

sh

1cd webviewer-nuxtjs-sample
2npm install

This will automatically download and extract the Apryse WebViewer Package.

2. Run the sample

Run the application by executing:

sh

1npm start

Then open a browser and go to localhost:3000 to see the application.

Your app should look like this:

Apryse Docs Image

Note: If your browser does not open automatically to open the WebViewer, navigate to localhost:3000 to see the project.

Next step

Did you find this helpful?

Trial setup questions?

Ask experts on Discord

Need other help?

Contact Support

Pricing or product questions?

Contact Sales