{"id":19756855,"url":"https://github.com/compdfkit/compdfkit-web-example-nextjs","last_synced_at":"2025-02-28T02:19:00.692Z","repository":{"id":255320361,"uuid":"839782794","full_name":"ComPDFKit/compdfkit-web-example-nextjs","owner":"ComPDFKit","description":"Example of how to integrate ComPDFKit for Web in a Next.js project.","archived":false,"fork":false,"pushed_at":"2024-08-29T07:54:01.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-01-10T22:41:14.444Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ComPDFKit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-08T10:09:32.000Z","updated_at":"2024-12-27T02:12:31.000Z","dependencies_parsed_at":"2024-08-29T09:33:48.469Z","dependency_job_id":null,"html_url":"https://github.com/ComPDFKit/compdfkit-web-example-nextjs","commit_stats":null,"previous_names":["compdfkit/compdfkit-web-example-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ComPDFKit%2Fcompdfkit-web-example-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ComPDFKit","download_url":"https://codeload.github.com/ComPDFKit/compdfkit-web-example-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241088979,"owners_count":19907666,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T03:17:13.329Z","updated_at":"2025-02-28T02:19:00.665Z","avatar_url":"https://github.com/ComPDFKit.png","language":"JavaScript","readme":"[ComPDFKit PDF SDK](https://www.compdf.com) seamlessly operates on [Web](https://www.compdf.com/web), [Windows](https://www.compdf.com/windows), [Android](https://www.compdf.com/android), [iOS](https://www.compdf.com/ios), [Mac](https://www.compdf.com/contact-sales), and [Server](https://www.compdf.com/server), with support for cross-platform frameworks such as [React Native](https://www.compdf.com/react-native), [Flutter](https://www.compdf.com/flutter), etc.\n\n## Introduction\n\n[ComPDFKit Web SDK](https://www.compdf.com/web) is a powerful JavaScript-based PDF Library with a slick out-of-the-box responsive UI, which is ideal for developers looking to enhance web apps with powerful PDF features. It enables you to develop a Webviewer in multiple frameworks, including [Vanilla JavaScript](https://www.compdf.com/guides/pdf-sdk/web/make-a-program#integrate-into-a-vanilla-javascript-project), [Vue.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/vue), [React](https://www.compdf.com/guides/pdf-sdk/web/frameworks/react), [Angular](https://www.compdf.com/guides/pdf-sdk/web/frameworks/angular), [Next.js,](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nextjs) [Nuxt.js](https://www.compdf.com/guides/pdf-sdk/web/frameworks/nuxtjs), [Svelte](https://www.compdf.com/guides/pdf-sdk/web/frameworks/svelte), etc.\n\nLet's start to integrate ComPDFKit for Web seamlessly into your Next.js web app using ComPDFKit for Web, a client-side JavaScript library that's compatible with Next.js.\n\n\n## Related\n\n- Download [ComPDFKit for Web](https://www.npmjs.com/package/@compdfkit_pdf_sdk/webviewer) in npm.\n\n- Go to [ComPDFKit's Web Demo](https://www.compdf.com/webviewer/demo) to experience how our WebViewer performs.\n\n- Integrate ComPDFKit Web SDK into [Salesforce](https://www.compdf.com/pdf-sdk/salesforce), [SharePoint](https://www.compdf.com/pdf-sdk/sharepoint), [Microsoft Teams](https://www.compdf.com/contact-sales), etc. \n\n- [Next.js Tutorial: Build Next.js Web PDF Viewer](https://www.compdf.com/blog/next.js-tutorial-build-web-pdf-viewer)\n\n\n- Recognize and extract data from PDFs with our online [Extract Demo](https://www.compdf.com/pdf-extract/demo)\n\n## Prerequisites\n\n\nTo get started, you'll need:\n\n- The latest stable version of Node.js.\n- A package manager compatible with npm.\n- [Apply for a license online](https://www.compdf.com/pricing) (Free for 30 days).\n\n## Getting Started\n\n1. Clone the repository:\n\n```\ngit clone https://github.com/ComPDFKit/compdfkit-web-example-nextjs.git\ncd compdfkit-web-example-nextjs\n```\n\n2. Install the dependencies of the example project with npm:\n\n```bash\nnpm install\n```\n\nFor more information and operations, please visit our [development documentation](https://www.compdf.com/guides/pdf-sdk/web/nextjs).\n\n## License\n\nReplace the `\u003cInput your license here\u003e` field in the `pages/index.js` with the license you get from our Team.\n\nComPDFKit for Web supports flexible licensing options. You can [apply for a license online](https://www.compdf.com/pricing) to use it, reducing the process of contacting the service team and saving you time. If you need more information, you can [contact our sales team](https://www.compdf.com/contact-sales). Each license is valid only for the root domain name and any of its subdomains. \n\nPlease note that it is not allowed to distribute any documents, sample code, or source code from the ComPDFKit PDF SDK package to third parties.\n\n*Note: The license we provide on Github can only run [the demo](https://www.compdf.com/webviewer/demo). If you want to integrate our Web PDF SDK into your own Next.js project, please apply for a free trial license on the website.*\n\n\n## Run the Example\n\n```bash\nnpm run dev\n```\n\nYou can visit `http://localhost:3000` on your browser. Then you will be able to see the PDF file you want to display.\n\n## Support\n\n\nComPDFKit has a professional R\u0026D team that produces comprehensive technical documentation and guides to help developers. Also, you can get an immediate response when reporting your problems to our support team.\n\n- For detailed information, please visit our [Guides](https://www.compdf.com/guides/pdf-sdk/web/overview) page.\n\n- Stay updated with the latest improvements through our [Changelog](https://www.compdf.com/pdf-sdk/changelog-web).\n\n- For technical assistance, please reach out to our [Technical Support](https://www.compdf.com/support).\n\n- To get more details and an accurate quote, please contact our [Sales Team](https://compdf.com/contact-us).\n\n\n\n## Note\n\nWe are glad to announce that you can register a ComPDFKit API account for a [free trial](https://api.compdf.com/api/pricing) to process 1000 documents per month for free.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompdfkit%2Fcompdfkit-web-example-nextjs/lists"}