#PostPreview
LightNews LightNews
martydobrow.bsky.social
Read the full post here: https://civilwriter.substack.com/p/535e6616-5eef-4161-8ecd-4e806263c9f2?postPreview=free&updated=2026-09-22T05%3A22%3A10.123Z&audience=everyone&free_preview=false&freemail=true
September 24, 2026 at 2:35 PM
danabra.mov
is it just me or is something interesting happening here? an interactive SortableList component re-renders on the client in response to state changes, but its rows are described by PostPreview which does a readFile(). but it composes perfectly fine. i find this fascinating, is it not to most devs?
// First file import { SortableList } from './client'; import { readdir } from 'fs/promises'; async function SortablePostList() { const entries = await readdir('./public/', { withFileTypes: true }); const dirs = entries.filter((entry) => entry.isDirectory()); return ( <div className="mb-8 flex h-72 flex-col gap-2 overflow-scroll font-sans"> <SortableList items={dirs.map(dir => ({ id: dir.name, searchText: dir.name.replaceAll('-', ' '), content: <PostPreview slug={dir.name} /> }))} /> </div> ); } // Second file, appearing torn apart 'use client'; import { useState } from 'react'; export function SortableList({ items }) { // ... }
April 28, 2025 at 10:19 PM
danabra.mov
astro folks: anything i'm missing here? i think these are largely equivalent?
Here’s a PostPreview.astro Astro Component rendering a LikeButton Island: --- import { readFile } from 'fs/promises'; import { LikeButton } from './LikeButton'; const { slug } = Astro.props; const title = await readFile(`./posts/${slug}/title.txt`, 'utf8'); --- <article> <h1>{title}</h1> <LikeButton client:load /> </article> import { useState } from 'react'; export function LikeButton() { const [liked, setLiked] = useState(false); return ( <button onClick={() => setLiked(!liked)}> {liked ? '❤️' : '🤍'} Like </button> ); In RSC, the same two things are called Server Components and Client Components. Here is how you’d write the above Astro Component as a React Server Component: import { readFile } from 'fs/promises'; import { LikeButton } from './LikeButton'; async function PostPreview({ slug }) { const title = await readFile(`./posts/${slug}/title.txt`, 'utf8'); return ( <article> <h1>{title}</h1> <LikeButton /> </article> ); } 'use client'; import { useState } from 'react'; export function LikeButton() { const [liked, setLiked] = useState(false); return ( <button onClick={() => setLiked(!liked)}> {liked ? '❤️' : '🤍'} Like </button> ); } The mental model behind these two are remarkably similar!
May 6, 2025 at 12:10 AM
danabra.mov
how would you know which queries to call ensureQueryData? i think id need a more complete example just to see it. here i have an entire list of PostPreview, each of which loads some data of its own. you’d have to make at least one request to get the list of IDs — and then… thirty parallel requests?
April 25, 2025 at 5:30 PM
martydobrow.bsky.social
Full post here: https://civilwriter.substack.com/p/7e9d9347-7ef4-4b84-b7de-f9cdbad80d84?postPreview=free&updated=2026-09-14T11%3A08%3A34.535Z&audience=everyone&free_preview=false&freemail=true
Episode two here: https://www.civilwriter.com/general-information/three-by-fifteen-podcast
September 15, 2026 at 2:20 PM
charleseallen2.bsky.social
Check out this post: Superintelligence Threat 2 Humanity is not enough ...
us-central1-money-mouthy.cloudfunctions.net/postPreview?...
Charles E. Campbell Allen on Money Mouthy
Superintelligence Threat 2 Humanity is not enough 2 get Congress to act. What's required is the Fear of a Black Tech CEO plans to build & power an AI Superintelligence with No Gua…
us-central1-money-mouthy.cloudfunctions.net
September 15, 2026 at 7:41 PM
ilanti.troet.fediverse.at.ap.brid.gy
Klimakrise abgesagt ...
https://orbyz.world/postpreview/2901/
Klimakrise abgesagt ...
Ich muss hier einen Artikel von Tina Deutsch (Kontext) teilen, weil er zeigt wie wir mit diesem wichtigen Thema leider weltweit umgehen. Hier der wirk...
orbyz.world
June 5, 2026 at 7:05 AM
postwitch.com
Preview your posts like a pro! 👀 Get a sneak peek of formatting, link previews, and character counts before hitting publish. No more surprises! #PreviewMode #PostPreview
October 6, 2025 at 3:00 AM
blaislab.bsky.social
Preview exactly how your post will look on each platform before it goes live. Catch mistakes before they happen. What you see is what gets posted.

Save this. Follow @blaislab for more.

#blaislab #printondemand #postpreview #podtools #contentquality
May 26, 2026 at 3:03 PM