Creating the search results page
To start, let’s add a new file in the src directory named search.html
. This will contain all the information we’d normally see on a page, such as a title and layout, as well as any HTML we want to display. In this case, we’ll add a search field with some Tailwind classes and an action of /search/
to send the query to this URL.
The one difference we have is the need for a new permalink. In the previous examples, the permalink had been a single string variable in the front matter of a page. When we use the Serverless plugin, we can create permalinks for various instances. This means we need the permalink to be an object instead of a string. Each key in the object should match the name of a Serverless plugin instance. If desired, you can also use a key of build
to have the page built statically as well:
<form action="/search/" class="input-group relative flex items-stretch w-full mb-4...