Interacting with Next.js API and Playwright's Container (Part 2)
We will implement a mechanism to display thumbnails of a website as Next.js API. This time, we will proceed to the point of displaying the image using the URL obtained.
Blog
You can check blog articles order by publish date.
Interacting with Next.js API and Playwright's Container (Part 1)
We have progressed to the point of running the Playwright container, but this time we will add an API so that it works with the previous Sitecore Search sample site.
Using Playwright's container images with Azure Web Apps
In the previous article, we created a docker-compose.yml file to make it a project so that we can run it. In this article, we will configure the image created in the previous article so that it can be used in Azure.
Change as a project including Playwright's app
We got the sample code to the point where we could run it as a container last time. This time, we want to create applications for other roles, so we will set up a hierarchy to manage them.
Create docker container of Playwright's apps
We will use Docker to create a container image of the application we have created so that it can be easily deployed. This time, we will proceed to the actual operating environment and finishing the Docker file.
Create components using the code generated by ChatGPT as a reference
ChatGPT, which is breaking out this year as a generative AI, presents us with JavaScript and TypeScript samples. In this article, we would like to use the code generated by ChatGPT to create a component for XM Cloud.
Headless SXA - Using the Component Wizard
Creating a Sitecore component allows you to easily create a drag-and-drop component. In this article, we will introduce a wizard to help you create this component. The previously introduced steps are as follows
Checking the operation of XM Cloud's Promote
XM Cloud allows projects to operate and develop in multiple environments. In this article, we will check the operation of Promote.
Getting Screenshots with Playwright (Part 2)
Playwright did not come up with anything as far as creating a Typescript sample. This time, I would like to add it as soon as possible.
Getting Screenshots with Playwright (Part 1)
We will be covering Playwright on the blog for a while. We will be creating a simple example that addresses the need to use a screenshot of a page in a search result.
Setting up a Docker environment (Windows version)
Yesterday we briefly set up an environment on macOS, and this time we will set up a Docker environment that works with WSL on Windows 11. This will allow us to work with Visual Studio Code in the Windows environment while continuing development on Linux.
Setting up a Docker environment (macOS version)
Before that, we need to prepare tools for integrating with Search. This time, we'll set up the Docker environment. Today, I'll cover the macOS setup, and tomorrow, I'll share notes on how I handle the Windows environment.