The Community Tweet Wall — a curated, newspaper-style wall of tweets from the community.
Live at pretextwall.netlify.app
The Open Graph preview image is auto-generated via Next.js App Router's built-in
opengraph-image.tsxconvention atapp/opengraph-image.tsx. It renders server-side on the Edge and is served at/opengraph-image— no manual image file needed.
- Newspaper-style masthead — fluid typography using
@chenglou/pretextfor perfect single-line fill - Community tweet wall — masonry grid of curated community tweets powered by
react-tweet - Submit your tweet — visitors can submit a tweet URL; it's committed directly to
lib/constants.tson themasterbranch via the GitHub Contents API - Rich tweet cards — avatar, verified badge, media (photos + autoplay video), like/retweet/reply stats, visit link
| Layer | Tech |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Package manager | Bun |
| Tweet rendering | react-tweet |
| Typography | @chenglou/pretext |
| Styling | Tailwind CSS v4 + custom CSS variables |
| UI components | shadcn/ui |
| Deployment | Netlify |
Add a tweet URL to the COMMUNITY_TWEET_URLS array in lib/constants.ts and push to master.
- Click Submit a Tweet on the site
- Paste any
x.com/…/status/…URL - Preview is shown before submitting
- On submit, the URL is committed directly to
lib/constants.tsonmastervia the GitHub Contents API
The bot finds the insertion point using
// ← BOT_INJECT_ANCHOR (do not remove)inconstants.ts. Do not delete that comment.