fix: Add external link arrows to blog posts and fix search with Pagefind

- Add ↗ arrow to blog post titles and "Read more" link
- Install pagefind and add to postbuild for Nextra v4 search support
- Indexed 43 pages for search

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rohanharikr

components/feed.tsx

@@ -57,11 +57,11 @@ const Feed = () => {
             <ul className="m-0 mt-6 space-y-12 md:space-y-4 no-ext-link-icon">
                 {posts.map(i => (
                     <li key={i.guid}>
-                        <Link href={i.link} target="_blank" className="flex flex-col md:flex-row md:items-center gap-6 group">
+                        <Link href={i.link} target="_blank" rel="noreferrer" className="flex flex-col md:flex-row md:items-center gap-6 group">
                             <Image src={i.image} alt={i.title} width={256} height={144} className="rounded-md object-cover flex-shrink-0" priority={false} />
                             <div>
                                 <span className="text-sm opacity-80">{i.pubDate.split(" ").slice(0, -2).join(" ")}</span>
-                                <h3 className="text-xl font-semibold my-1 group-hover:underline">{i.title}</h3>
+                                <h3 className="text-xl font-semibold my-1 group-hover:underline">{i.title} ↗</h3>
                                 <p className={`${styles.description} opacity-80`}>
                                     {/* RSS trims the ō letter */}
                                     {i.contentSnippet.replaceAll('Hell ', 'Hellō')}
@@ -71,8 +71,7 @@ const Feed = () => {
                     </li>
                 ))}
             </ul>
-            {/* TBD Make link open in new tab (fix extenal link icon positioning) */}
-            <Link href="https://blog.hello.coop" className="flex items-center gap-6 group md:ml-64 md:pl-6 mt-10 text-xl hover:underline font-semibold">Read more at blog.hello.coop</Link>
+            <Link href="https://blog.hello.coop" target="_blank" rel="noreferrer" className="flex items-center gap-6 group md:ml-64 md:pl-6 mt-10 text-xl hover:underline font-semibold">Read more at blog.hello.coop ↗</Link>
         </>
     )
 }

package-lock.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "postbuild": "next-sitemap && node scripts/generate-markdown.mjs",
+    "postbuild": "pagefind --site S3 --output-path S3/_pagefind && next-sitemap && node scripts/generate-markdown.mjs",
     "start": "next start",
     "test": "linkinator ./S3 --config linkinator.config.json",
     "pr": "./scripts/pr.sh",
@@ -34,6 +34,7 @@
     "@types/node": "25.5.0",
     "@types/react": "19.2.14",
     "linkinator": "^6.0.1",
+    "pagefind": "^1.4.0",
     "postcss": "^8.4.31",
     "tailwindcss": "^4",
     "turndown": "^7.2.0",