Skip to content

feat: LangChain series, series UI, and content-gen skills - #6

Merged
Codestz merged 2 commits into
masterfrom
feat/langchain-series-and-content-skills
Jun 3, 2026
Merged

feat: LangChain series, series UI, and content-gen skills#6
Codestz merged 2 commits into
masterfrom
feat/langchain-series-and-content-skills

Conversation

@Codestz

@Codestz Codestz commented Jun 3, 2026

Copy link
Copy Markdown
Owner

Summary

Introduces a blog series feature and ships the first one, plus content-generation skills and some experiments-page polish.

Content

  • New 3-part series "Building AI Products with LangChain" (TypeScript):
    1. The 2026 LangChain Map (ecosystem overview)
    2. createAgent + Middleware
    3. LangGraph: stateful orchestration
  • Cohesive AI-generated thumbnails for all three (Nano Banana, ink-diagram style).
  • Featured the series; unfeatured older standalone posts.

Series feature

  • series / seriesOrder frontmatter → Post type, repository, service, plus a groupPostsIntoSeries util.
  • SeriesNav — in-post table of contents.
  • SeriesPager — prev/next part navigation at the end of each part.
  • ExperimentsGrid groups a series under a full-width summary header, then standalone posts. (No separate /series page — everything stays on /experiments.)

FilterBar

  • Hide Categories when only one exists.
  • Collapse Tags to 10 with an expand/collapse toggle (selected tags stay visible).

Skills (.claude/skills/)

  • blog-thumbnail — generate on-brand 16:9 thumbnails via Nano Banana (gemini-2.5-flash-image). Dependency-free stdlib REST script; reads GEMINI_API_KEY; wires the frontmatter thumbnail.
  • linkedin-post — draft LinkedIn promo posts in the blog's voice (two hook variants).

Test plan

  • tsc --noEmit and eslint clean.
  • next build succeeds; series posts + thumbnails render on /experiments.
  • Thumbnails generated and verified visually (16:9, on-brand).

🤖 Generated with Claude Code

Content
- Add 3-part series "Building AI Products with LangChain" (ecosystem map,
  createAgent + middleware, LangGraph stateful orchestration) with cohesive
  AI-generated thumbnails.
- Feature the series; unfeature older standalone posts.

Series feature
- Add series/seriesOrder frontmatter (Post type, repository, service) and a
  groupPostsIntoSeries util.
- SeriesNav (in-post TOC) + SeriesPager (prev/next part) components.
- ExperimentsGrid groups series under a full-width summary header, then the
  standalone posts; no dedicated /series page.

FilterBar
- Hide Categories when only one exists; collapse Tags to 10 with expand toggle.

Skills (.claude/skills)
- blog-thumbnail: generate on-brand 16:9 thumbnails via Nano Banana
  (gemini-2.5-flash-image), stdlib-only REST script, wires frontmatter.
- linkedin-post: draft LinkedIn promo posts in the blog's voice.

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

vercel Bot commented Jun 3, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
portfolio Ready Ready Preview, Comment Jun 3, 2026 7:03pm

@github-actions

github-actions Bot commented Jun 3, 2026

Copy link
Copy Markdown
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 75%, saving 3.7 MB.

Filename Before After Improvement Visual comparison
public/images/blog/langgraph-stateful-orchestration.png 1.7 MB 453.3 KB 73.8% View diff
public/images/blog/langchain-ecosystem-map-2026.png 1.6 MB 413.3 KB 75.1% View diff
public/images/blog/langchain-createagent-middleware.png 1.6 MB 385.1 KB 76.3% View diff

@Codestz
Codestz merged commit fafee30 into master Jun 3, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant