We have used Playright multiple times so far to get thumbnails of pages. In this article, we will conclude with a summary of the whole process.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6j1HOSEpdKNVzJ0gN8Q2RI%2F6680737bcf153a8a4f53aa02d787cc70%2Fchristian-wiediger-8nXKXYdO-Wk-unsplash.jpg&w=3840&q=75)
The first step was to introduce samples using Playwright.
Once an application is created, it is containerized and organized so that it can be managed as a project.
We will deploy this in Azure and proceed to launch it as a Web App.
At this stage, it is now possible to use Playwright to take screenshots, which can be done through the API.
It is now possible to take screenshots of images by using the Next.js API in conjunction with the above application.
- Interacting with Next.js API and Playwright's Container (Part 1)
- Interacting with Next.js API and Playwright's Container (Part 2)
- Interacting with Next.js API and Playwright's Container (Part 3)
Note that the above sample does not take security into account; additional procedures such as adding CORS to restrict the use of the API and to limit the privileges available to the Web App are, of course, necessary. This will vary depending on your requirements, so please use this as a reference only.
Actually, I described a lot of things, but the result I wanted to work with Playwright was to prepare a way to display page thumbnails in the search results. So, we will return to Sitecore Search Tips in the next issue.