# Next js component adaptation of VTP GeometryView

**URL:** <https://discourse.itk.org/t/next-js-component-adaptation-of-vtp-geometryview/7150>\
**Category:** Engineering\
**Tags:** vtk, javascript\
**Created:** [August 5, 2024, 4:37am UTC](https://discourse.itk.org/t/next-js-component-adaptation-of-vtp-geometryview/7150 "2024-08-05T04:37:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![babayka](https://discourse.itk.org/letter_avatar_proxy/v4/letter/b/b19c9b/32.png) [@babayka](https://discourse.itk.org/u/babayka)\
**Post date:** [August 5, 2024, 4:37am UTC](https://discourse.itk.org/t/next-js-component-adaptation-of-vtp-geometryview/7150/1 "2024-08-05T04:37:25Z")

</div>

Dear All,  
I wanted to make a Next js component that gives the page the same as in the [vtk.js](https://kitware.github.io/vtk-js/examples/GeometryViewer.html) example. The problem I’m encountering is the way of adopting it for the next js way of writing, is there an example that uses GeometryView with input as a VTP file written on React?

---

<div class="post-metadata">

**Author:** ![dzenanz](https://discourse.itk.org/user_avatar/discourse.itk.org/dzenanz/32/1093_2.png) [@dzenanz](https://discourse.itk.org/u/dzenanz)\
**Post date:** [August 5, 2024, 7:07pm UTC](https://discourse.itk.org/t/next-js-component-adaptation-of-vtp-geometryview/7150/2 "2024-08-05T19:07:15Z")

</div>

@matt.mccormick and/or @Forrest might comment.

---

<div class="post-metadata">

**Author:** ![Forrest](https://discourse.itk.org/user_avatar/discourse.itk.org/forrest/32/2317_2.png) [@Forrest](https://discourse.itk.org/u/Forrest)\
**Post date:** [August 6, 2024, 10:32pm UTC](https://discourse.itk.org/t/next-js-component-adaptation-of-vtp-geometryview/7150/3 "2024-08-06T22:32:17Z")

</div>

If you want to have nicer bindings to vtk.js with React, check out [react-vtk-js](https://github.com/Kitware/react-vtk-js). I’m not familiar with any other React examples that mimic the GeometryView.