The Signing Demo project showcases the core functionalities of PSPDFKit’s Web SDK for various document signing workflows. Built using Next.js (v14.1.4) and PSPDFKit (v2024.3.0), this project provides a practical demonstration of document signing capabilities.
To get started with the Signing Demo project, follow these steps:
- Clone the repository from the GitHub repository at
git clone https://github.com/Siddharth2001-July/pspdfkit-demo. - Open a terminal and navigate to the project directory.
- Run
npm ito install the project dependencies. - Copy the PSPDFKit for Web library assets to the public directory by running:
cp -R ./node_modules/pspdfkit/dist/pspdfkit-lib public/pspdfkit-lib - You should now be able to run the project locally by executing
npm run dev.
- signingDemo.tsx: Contains the main logic of the Signing Demo project where PSPDFKit SDK is utilized to demonstrate signing capabilities.
- page.tsx: Utilizes the reusable component
SignDemoto mimic the actual signing workflow.
- SignDemo: A reusable component responsible for rendering the signing interface. This component relies on the PSPDFKit SDK to enable signing functionalities.
- allUsers: An array of type
Usercontaining all the users involved in the document signing process. - user: An object of type
Userrepresenting the currently logged-in user. - User (Interface):
3.1 role: Specifies the role of the user. Users with the role of
Editorpossess capabilities to add new signing fields, additional signers, etc. 3.2 id: Specifies the unique id of user. 3.3 name: Specifies the name of the user. 3.4 email: Specifies the email of the user.
Currently, there is no integration with a database to store the state of the signing process, keeping the project simple and reusable.
The Signing Demo project offers a practical demonstration of PSPDFKit’s Web SDK for document signing workflows. By following the steps outlined in the documentation, users can quickly set up and explore the functionalities provided by the PSPDFKit.