Vibe-Coding Notion Apps, Real-Time React with Mercure, and Why You Should Be Writing ADRs

Published on 26.03.2026

motyl.dev<div></div></>FRONTEND

Vibe-Code Your Notion Pages and Databases Into Apps Without Leaving Notion

TLDR: Vizion is a new tool that lets you write a spec directly in Notion, click a button, and get a live deployed React app with two-way sync back to your Notion data. It uses Notion MCP and an AI agent pipeline under the hood.

Vibe-Code Your Notion Pages Into Apps

Architecture Decision Records

TLDR: Architecture Decision Records are short, one-page documents that capture a single architectural decision along with its context, rationale, alternatives considered, and consequences. They live in your source repository and should never be modified after the fact.

Architecture Decision Record

Symfony, Mercure, React: Real-Time Updates in Less Than 100 Lines of Code

TLDR: A practical walkthrough of adding real-time updates to a Chinese checkers game using Symfony on the backend, React on the frontend, and Mercure as the real-time transport layer built on top of Server-Sent Events.

Symfony, Mercure, React: Real-time Updates

The Ultimate Job Finding-Management Tool

TLDR: A developer built a Chrome extension that saves job descriptions and uses a local Ollama LLM to rate how well your skills align with each job on a one-to-five star scale, sorting results by relevance.

The Ultimate Job Finding-Management Tool

Convert Blogs Into Videos With Little or No Effort

TLDR: Blog2Video is an open-source AI tool that converts blog posts into professional videos by generating scripts, animating scenes, and adding voiceovers. Users paste a URL, pick a template, and the tool handles the rest.

Blog2Video on GitHub