37 posts in 'Search'
How To Add Search To Eleventy
I am writing about my experiences as a naval navel-gazer.
Feb 12, 2025
Eleventy version 3: Just how fast can a website be?
Upgrading to eleventy version 3 offered the opportunity to rethink some things, and dive into how to get a website to load super fast. Lighthouse is now reporting one hundred across all four categories.
Jan 26, 2025
by Mark Pitblado (1 post) · Website & RSS feed
Categories: AnalyticsBloggingPerformanceSearch
A tweak to how I use Pagefind
I use the Pagefind package to add search to my personal site. It was returning way too many result for simple words. I made a small tweak to fix that.
Nov 27, 2024
Adding PageFind search to eleventy (11ty) site
A weekly dose of interesting links, articles, book notes, quotes, and self-improvement tips.
Nov 12, 2024
Here's how this is all put together
I've been fiddling with this site for the better part of a year now and now that it's fairly stable, I'm putting together what amounts to a public README (or a note to self). This post is that document.
Nov 8, 2024
by Cory Dransfeldt (44 posts) · Website & RSS feed
Categories: CMSCollectionsData CascadeGlobal DataImagesSearch
Searching baty.net
I’ve added a search page. It uses Pagefind. It turns out I’d already begun work on this with the original site. The clue was a commented-out line in my Makefile: index: npx -y pagefind --site ${SITE_DIR} All I needed to do was create a search page and add a snippet: --- layout: layouts/base.njk title: Search slug: /search --- link href="/pagefind/pagefind-ui.css" rel="stylesheet" script src="/pagefind/pagefind-ui.js"/script div id="search"/div script window.addEventListener('DOMContentLoaded', (event) = { new PagefindUI({ element: "#search", showSubResults: true, pageSize: 10, autofocus: true }); }); /script To manually build the index, I render the site and then index it. using npx -y pagefind --site _site. I do this as part of the deploy recipe in the Makefile.
Oct 12, 2024
by Jack Baty (1 post) · Website & RSS feed
Eleventy Experiment - Salesforce User Directory
Jul 13, 2024
by Jeff Sikes (2 posts) · Website & RSS feed
Categories: Global DataHow to...Search
Dynamic Websites with Static Site Generators
What if you used your static site generator to output PHP instead of HTML?
Jul 9, 2024
by Evan Sheehan (7 posts) · Website & RSS feed
Categories: Edge FunctionsSearchWebmentions
Building a Custom Filter for Eleventy Collections
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
Jul 1, 2024
by Tom Doe (10 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Search
Rebuilding my website with Eleventy
May 9, 2024
by Blake Watson (1 post) · Website
Categories: BloggingMigrating to EleventySearchWhy Eleventy?
Lightweight search in Eleventy
I've been using Pagefind for my site search for a while now and would readily recommend it, but I wanted to throw together something a bit lighter weight and customizable.
Mar 18, 2024
Search, Webmentions and microformats
I’ve made some updates on my website - let’s talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.
Feb 28, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: How to...SearchWebmentions
Keeping your Algolia search index up to date
Feb 12, 2024
by Jaden Baptista (1 post) · Website
Categories: ConfigurationHow to...Search
Adding Site Search to Eleventy with pagefind-search
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jan 7, 2024
Adding pagefind to my Eleventy personal site
I've been wanting to add search functionality to this site for a while. Pagefind made it simple.
Dec 6, 2023
pagefind-search web component
A post by Zach Leatherman (zachleat)
Dec 1, 2023
Using Wordpress as a headless CMS for Eleventy
How I avoided having to re-learn PHP and love Eleventy.
Nov 7, 2023
by Mike Aparicio (4 posts) · Website
Categories: CMSGlobal DataNavigationPaginationRemote DataSearch
Adding Search to an Eleventy Site Without Client-side JavaScript
Oct 9, 2023
Using PDFs with Algolia and Adobe PDF Extract API
A look at using Adobe's PDF Extract API to integrate with Algolia's Search APIs
Jul 12, 2023
Adding client side search to a static site
Creating a site-search function that doesn't rely on external services
May 31, 2023
Automating Algolia Index Updates
I added support for Algolia search to an Eleventy site, and this post describes a utility I created to help Eleventy site owners to automate updating their Algolia indices outside of the build process.
Mar 19, 2023
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Adding a basic search to a static site
A simple solution to having a search feature on a static website
Jan 30, 2023
Using PageFind with Eleventy for Search
How to use PageFind to implement search for an Eleventy site
Jan 4, 2023
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Implementing a search bar on my static website
A personal blog where I write about my side projects
Nov 9, 2021
by Adrien (2 posts) · Website
Building server-rendered search for static sites with 11ty Serverless, Netlify, and Algolia
…
Oct 3, 2021
by Bryan Robinson (15 posts) · Website
Categories: ServerlessSearchHow to...
Adding Algolia search to an Eleventy site with Netlify
After months of struggles I finally found a relatively easy solution.
Aug 29, 2021
More Work on Algolia and My Blog
An update to my fight to get search working right on my blog
Aug 11, 2021
Using Lunr with Eleventy via Netlify Serverless Functions - Part Two
A followup to my post demonstrating using Lunr via serverless functions
Jun 6, 2021
Using Lunr with Eleventy via Netlify Serverless Functions
A look at using Lunr on the server side with an Eleventy web site
Jun 2, 2021
Integrating Navigation Search with Lunr and Eleventy
How to use navigation search forms and Lunr
Feb 22, 2021
by Raymond Camden (103 posts) · Website & RSS feed
Categories: SearchNavigationHow to...
Using Pre-Built Lunr Indexes with Eleventy
Switching to Pre-Built Lunr indexes with Eleventy sites
Jan 22, 2021
by Raymond Camden (103 posts) · Website & RSS feed
Categories: SearchHow to...Configuration
Adding Algolia Search to Eleventy and Netlify
How I added Algolia Search to an Eleventy Site
Jul 24, 2020
Adding Algolia Search to Eleventy and Netlify - Part Two
An update to my post on using Algolia with Eleventy
Jul 1, 2020
Adding Search to your Eleventy Static Site with Lunr
Using Lunr to add client-site search to your static site
Oct 20, 2019
by Raymond Camden (103 posts) · Website & RSS feed
Categories: SearchCollectionsConfiguration
Adding search to a Jamstack site
Using progressive enhancement, JavaScript and a static site generator to create site search facility.
Oct 18, 2018