983: Why I Chose Electron Over Native (And I’d Do It Again)

Scott details the development of v-framer, a desktop application for video recording, highlighting the challenges and decisions made during its creation. He initially used Tauri but switched to Electron due to issues with Safari's WKWebView not providing retina resolution for screen recordings. The app records individual sources as WebM files, stitches them into MKV format, and avoids lengthy processing times. A key requirement was fault tolerance to prevent data loss if the app crashes. Scott also covers the complexities of selling the app, including notarization for Apple, licensing, and generating license keys using a self-hosted KeyGen server and Cloudflare worker.

Outlines

Part 1: Problem, Requirements, and Vision

Part 2: Tech Stack and Framework Decisions

Part 3: UI Design and Stability

Part 4: Distribution, Licensing, and Infrastructure

Part 5: Updates and Launch

Sign in to continue reading, translating and more.

Continue

Syntax - Tasty Web Development Treats

Part 1: Problem, Requirements, and Vision

Introduction to V-Framer: Solving Video Recording Frustrations with a New App

Defining Requirements: Individual Sources, No Processing Time, and Fault Tolerance

Part 2: Tech Stack and Framework Decisions

V-Framer's Tech Stack: MKV Format, WebM Segments, and Tauri's Initial Hurdles

Transition to Electron: Overcoming Safari's Resolution Limitations

ElectroBun vs. Electron: Maturity and Cross-Platform Considerations

Part 3: UI Design and Stability

Addressing Recording Issues and Showcasing V-Framer's UI

Part 4: Distribution, Licensing, and Infrastructure

From App to Product: Apple Developer Account, Certificates, and Notarization

Licensing and Key Generation: Stripe Webhooks and Self-Hosted KeyGen

Infrastructure and Waitlist App: Coolify, Google Sheets, and Release Plans

Part 5: Updates and Launch

Automatic Updates and Website Announcement

983: Why I Chose Electron Over Native (And I’d Do It Again)

Syntax - Tasty Web Development Treats

Part 1: Problem, Requirements, and Vision

00:00Introduction to V-Framer: Solving Video Recording Frustrations with a New App

Introduction to V-Framer: Solving Video Recording Frustrations with a New App

02:23Defining Requirements: Individual Sources, No Processing Time, and Fault Tolerance

Defining Requirements: Individual Sources, No Processing Time, and Fault Tolerance

Part 2: Tech Stack and Framework Decisions

07:14V-Framer's Tech Stack: MKV Format, WebM Segments, and Tauri's Initial Hurdles

V-Framer's Tech Stack: MKV Format, WebM Segments, and Tauri's Initial Hurdles

10:46Transition to Electron: Overcoming Safari's Resolution Limitations

Transition to Electron: Overcoming Safari's Resolution Limitations

13:41ElectroBun vs. Electron: Maturity and Cross-Platform Considerations

ElectroBun vs. Electron: Maturity and Cross-Platform Considerations

Part 3: UI Design and Stability

18:27Addressing Recording Issues and Showcasing V-Framer's UI

Addressing Recording Issues and Showcasing V-Framer's UI

Part 4: Distribution, Licensing, and Infrastructure

22:29From App to Product: Apple Developer Account, Certificates, and Notarization

From App to Product: Apple Developer Account, Certificates, and Notarization

25:59Licensing and Key Generation: Stripe Webhooks and Self-Hosted KeyGen

Licensing and Key Generation: Stripe Webhooks and Self-Hosted KeyGen

30:12Infrastructure and Waitlist App: Coolify, Google Sheets, and Release Plans

Infrastructure and Waitlist App: Coolify, Google Sheets, and Release Plans

Part 5: Updates and Launch

35:01Automatic Updates and Website Announcement

Automatic Updates and Website Announcement