Skip to content

Add hero video for social media guide#121

Merged
em3s merged 4 commits intomainfrom
init/website-guide-hero
Jan 26, 2026
Merged

Add hero video for social media guide#121
em3s merged 4 commits intomainfrom
init/website-guide-hero

Conversation

@zipdoki
Copy link
Copy Markdown
Contributor

@zipdoki zipdoki commented Jan 26, 2026

Summary

Add a hero video to the Build Your Social Media App guide page.

Changes

  • Add hero.webm video (~3MB, ~20s) demonstrating the guide workflow
  • Add capture-hero-video.mjs script for automated video recording

How to Test

View the hero video:

$ cd website
$ npm run dev
# Open http://localhost:4321/guides/build-your-social-media-app/

Regenerate the video

# 1. Start actionbase standalone
$ docker run -it -p 9300:9300 ghcr.io/kakao/actionbase:standalone
actionbase> guide start hands-on-social

# 2. Run capture script
$ cd website
$ node scripts/capture-hero-video.mjs

@zipdoki zipdoki self-assigned this Jan 26, 2026
@zipdoki zipdoki requested a review from em3s as a code owner January 26, 2026 04:05
@dosubot dosubot bot added size:L This PR changes 100-499 lines, ignoring generated files. module:website labels Jan 26, 2026
@em3s
Copy link
Copy Markdown
Contributor

em3s commented Jan 26, 2026

The video is a bit too fast - I'm getting dizzy! 😵‍💫 😆 @zipdoki
The CLI demo is designed to deliver key info quickly, but this guide is more of a deep dive, so taking it slower makes sense.

Suggestions:

  • Extend the video to around 1 minute
  • If the file size gets too large, we can host it in the examples release instead of committing to the repo

Here's a timing config that totals ~60 seconds:

const HERO_SCENES = {
  '01-welcome': 2500,
  '02-zipdoki-intro': 2000,
  '03-set-up': 3000,
  '04-load-sample-data': 4000,
  '05-select-database': 2500,
  '06-explore-the-data': 4000,
  '07-follows': 3500,
  '08-create-follows-table': 3000,
  '09-follow-a-user': 4000,
  '10-check-follow-status': 3000,
  '11-count-followers': 3000,
  '12-list-followers': 3000,
  '13-likes': 3500,
  '14-like-a-post': 4000,
  '15-check-like-status': 3000,
  '16-and-more': 2500,
  '17-feed': 5000,
  '18-all-done': 3000,
};

- Extend video timing to ~60 seconds (was ~14 seconds)
- Move hero.webm from repo to examples release to reduce repo size
- Update video reference to use GitHub release URL

Fixes review feedback on PR #121

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@zipdoki
Copy link
Copy Markdown
Contributor Author

zipdoki commented Jan 26, 2026

@em3s
Applied your suggestions. Thanks!

@em3s em3s merged commit 91826fc into main Jan 26, 2026
10 checks passed
@em3s em3s changed the title docs(website): add hero video for social media guide Add hero video for social media guide Feb 12, 2026
@em3s em3s deleted the init/website-guide-hero branch March 1, 2026 13:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L This PR changes 100-499 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants