Viral Hooks
Trending short videosStep-by-step custom web app build
J

@jeongyoon.design

Instagram · Talking Head Edit

@jeongyoon.design Tutorial on burn cd web app! @trycursor for the build @itunes_store api @googlegemini nano banana (not a sponsorship) @vercelhq deploy Website link is in bio💿

View original on Instagram

The edit1 shot · 4 text
Shots Text1:04

Performance

Views
1.1M
Likes
141.8K
Comments
288
Engagement
12.4%
Outlier
922.6×
Length · 12 Mar 2026
1:04

Video #21203 · Talking Head Edit

Step-by-step custom web app buildfrom @jeongyoon.design

[01]

Overview

The creator introduces a custom web app they built for burning digital CDs, explaining their motivation to make playlist sharing more special than a standard link. They walk through the development process, showcasing the retro UI design and animations, before discussing the technical challenges of integrating the Spotify API and their pivot to the iTunes API. The video concludes by demonstrating the final shareable link feature and ending with a humorous anecdote about a user.

[02]

Simple outline

  1. 1Hook with final result
  2. 2Show the building process
  3. 3Reveal a major roadblock
  4. 4Demonstrate final user features
  5. 5End with humorous CTA

[03]

Related videos

[04]

Classification

Concepts
BreakdownProcess
Elements
Screen RecordingB-Roll CutawayText Overlay

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook · 35%

This is how I build a website

Verbal hook · 25%

This is how I build a website that better you burn a CD.

Visual hook · 40%

Direct talking-head shot of the creator that immediately cuts to a nostalgic, retro-style screen recording of a 2000s installation wizard and digital CD player.

[06]

Hook template

Steal this for your own video

This is how I built a [project type] that lets you [unexpected nostalgic or analog action] with [modern digital thing].

  • — This is how I built a web app that lets you burn a CD with your Spotify playlist.
  • — This is how I built a tool that lets you send a voicemail with your podcast episode.
  • — This is how I built a site that lets you write a letter with your Twitter thread.

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

Present the final, polished creation immediately alongside the emotional or practical motivation for building it, establishing immediate value and curiosity.

Payoff

Conclude with a humorous, exaggerated, or highly desirable hypothetical outcome of using the product, which acts as a disguised, engaging Call to Action.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The Transparent Creator Journey

Hook the viewer with an impressive final product and a relatable motivation, then take them on a fast-paced, authentic journey of its creation—highlighting obsessive details, inevitable roadblocks, and ending with a highly shareable use-case.

  1. 1

    The Foundation Phase

    Briefly show the initial research, learning, or starting point to ground the project in reality and make the creator's skills feel accessible.

  2. 2

    The Obsessive Detail

    Highlight a specific, intricate feature or aesthetic choice, emphasizing the disproportionate effort spent on it to build creator-viewer connection and showcase passion.

  3. 3

    The Inevitable Roadblock

    Introduce a major problem, limitation, or failure encountered during the process, followed immediately by the pivot or solution, adding narrative tension and authenticity.

  4. 4

    The Polish & Delivery

    Showcase the final features that make the creation usable, accessible, or shareable for the end user, transitioning from the creator's journey to the user's experience.

Themes

  • Building in public
  • Nostalgic technology
  • Problem solving
  • Creative coding

Techniques

  • Screen recording
  • B-roll cutaways
  • Text overlays
  • Jump cuts

Trends

  • Y2K aesthetic
  • Retro UI design
  • Build in public

Post caption

Tutorial on burn cd web app! @trycursor for the build @itunes_store api @googlegemini nano banana (not a sponsorship) @vercelhq deploy Website link is in bio💿

Text overlays

  • title · beginning

    This is how I build a website

  • title · beginning

    that lets you burn a CD

  • contextual · middle

    Spotify API

  • contextual · middle

    iTunes API

Transcript

This is how I build a website that better you burn a CD. Here's the thing, sending a playlist should feel a little more special than a Spotify rank, so I made it myself. First, watch the YouTube videos of people burning CDs. I built it like a two thousand's installation wizard. Tier retro buttons and fake progress bar. Next, I built a CD player, lead opens, lead closes, and disc spins. I spent way too much time on this animation better like totally worth it. Then I tier to connect Spotify API, finally got it worse, and found out only five people can use it unless I register as a business. So I cried four or five seconds and pivoted to iTunes API instead. The trade off? Only thirty seconds per song, and that decision really really really hurt. So I made it easy. Copy the whole playlist, open each song in Spotify or Apple Music with one tap. Last thing I added was a shareable link. Every CD gets its own preview image. You send it to someone and they open it. Someone told me they sent it to their crush and they're dating now. Sorry it's a lie, but let me know if you did. Bye.

Step-by-step custom web app build | Viral Hooks