How woosal1337/blog works
chele.bi is a personal editorial blog and portfolio. Visitors enter through the home page or navigate to writing, videos, projects, gallery, lab, and other portfolio sections; the site presents authored content and interactive visual features. The README documents MDX posts and generated contour covers, while sampled code confirms the home page aggregates blog, episode, and GitHub data and the RSS and image routes use blog utilities. Other section wiring is not sampled, so those links are omitted where uncertain.
Main entry points: page.tsx Home page · blog.ts Blog content · seo.ts SEO metadata · route.tsx Post images
Components 20
Site routes
- Home page
app/(website)/page.tsx - Blog pages
app/(website)/blog/page.tsx - Video pages
app/(website)/videos/page.tsx - Gallery pages
app/(website)/gallery/page.tsx - Portfolio sections
app/(website)
Content domains
- Blog content
lib/blog.ts - Video content
lib/videos.ts - Gallery content
lib/gallery.ts - Project listings
app/(website)/projects/page.tsx - Reading shelf
data/books.ts - GitHub activity
lib/github.ts
Presentation
- Domain blocks
components/blocks - Design system
components/ds - Site shell
app/layout.tsx
SEO and feeds
- RSS feed
app/(website)/blog/rss.xml/route.ts - Post images
app/blog-og/[slug]/route.tsx - Contour generator
lib/contour.ts - SEO metadata
lib/seo.ts - Structured data
components/seo/json-ld.tsx
Other components
- Visitor
Connections 18
- Visitor → Home page: opens
- Visitor → Blog pages: navigates
- Visitor → Video pages: navigates
- Visitor → Gallery pages: navigates
- Visitor → Portfolio sections: navigates
- Home page → Blog content: loads posts
- Home page → Video content: loads episodes
- Home page → GitHub activity: loads activity
- Home page → Reading shelf: renders shelf
- Home page → Domain blocks: renders sections
- Home page → Design system: renders cards
- RSS feed → Blog content: loads posts
- Post images → Blog content: loads post metadata
- Post images → Contour generator: generates mark
- Home page → Structured data: renders schema
- Site shell → SEO metadata: uses site metadata
- Blog pages → SEO metadata: uses metadata
- Video pages → SEO metadata: uses metadata