An example of using 11ty Serverless to create site search using local and External.
External results are fetched from Stephanie Eckles dev.to profile. 11ty serverless doesn't currently support typical collections, but it does support collections created from local data under specific conditions. So, we run a prebuild/prestart Node script to generate local data containing an array of the local post data.
When a search is requested, 11ty Serverless serves the page by passing the combined custom collection holding the external and local data through an 11ty filter to search the content and return search results.
All Posts
- Local Post A
- Local Post B
- Let's Build a Jamstack App Together!
- Roundup of my Accessibility Resources
- Have you experimented with CSS container queries?
- ModernCSS.dev First Birthday Stream + Giveaway
- ONE WEIRD TRICK JS DEVS aren't teaching you about
- Developing For Imperfect: Future Proofing CSS Styles
- My Top CSS Tips As Shared on Twitter - Part 2
- Nevertheless, 5t3ph Coded and (Mostly) Conquered Imposter Syndrome
- Automatically Start Scripts On Launch In VSCode
- SmolCSS.dev - Minimal Modern CSS Snippets
- Generate Accessible UI Colors with a11y-color-tokens
- Experimental Solution For "Container Query" Font Sizing
- How I Set Up VSCode For Recording a Screencast
- My Top CSS Tips As Shared on Twitter - Part 1
- How I Built and Launched A Small Web App in 17 Hours
- How to Create an Animated SVG Face With CSS
- What's holding you back from trying Eleventy?
- Generate Accessible Button Colors With ButtonBuddy
- Guide to Advanced CSS Selectors - Part Two
- Guide to Advanced CSS Selectors - Part One
- Single-Side Curved "Border" With CSS `box-shadow`
- The 3 CSS Methods for Adding Element Borders
- Announcing Word Wrap Podcast
- Pure CSS Shapes 3 Ways
- New Eleventy (11ty) Plugin: Social Images
- 🎉 A Giveaway to Celebrate 50 StyleStage.dev Stylesheets
- ✨ Announcing 11ty.Rocks: A collection of Eleventy resources
- JavaScript String Matching Methods
- 11ty (Eleventy) Sass Skeleton Starter
- A Hacktoberfest Project For All Web Developers: Style Stage
- Join the virtual LondonCSS event on Sept. 10
- What is a specific recurring challenge you have with CSS?
- Custom CSS Styles for Form Inputs and Textareas
- Have you seen all 30 Style Stage themes?
- GitHub Workflows for Newbies: Add Labels and Comments to Pull Requests
- Custom Select Styles with Pure CSS
- Reusable CSS "Sticker" Effect
- Pure CSS Custom Checkbox Style
- Pure CSS Custom Styled Radio Buttons
- Announcing Style Stage: A Community CSS Showcase
- Call For Contributors: Show Off and Improve Your CSS Skills!
- 3 Popular Website Heroes Created With CSS Grid Layout
- 3 CSS Grid Techniques to Make You a Grid Convert
- Join my first Twitch live - June 23, 12:15 Central
- What's in your recent search history related to CSS?
- Expanded Use of `box-shadow` and `border-radius`
- CommitSweeper: Pure CSS Game
- Container Query Solutions with CSS Grid and Flexbox
- Match my donation #BlackLivesMatter
- Generating `font-size` CSS Rules and Creating a Fluid Type Scale