Interim Website Update — Summary

Date: 2026-04-28 Scope: Phase 1 → Phase 2 interim website update

New Pages

Manifesto

  • /manifesto (EN) + /ko/manifesto (KO)
  • Full founder essay: "Why I'm building mdfy"
  • AI memory thesis, 5 beliefs, roadmap, open invitation

Korean Site (Full)

  • /ko/about — About page
  • /ko/manifesto — Manifesto
  • /ko/plugins — Plugins & Integrations
  • /ko/docs — Docs landing
  • /ko/docs/api — REST API reference
  • /ko/docs/cli — CLI reference
  • /ko/docs/sdk — SDK reference
  • /ko/docs/mcp — MCP Server reference
  • Auto language redirect via middleware (Accept-Language: ko)
  • Language dropdown in nav (EN/KO)

About Page Redesign

Hero

  • "Own your markdown. Use it anywhere."
  • Platform badges: Web, VS Code, Mac App, CLI, Chrome, MCP, QuickLook (clickable → plugins)
  • 6-slide hero carousel with drag, arrows, dots, snap
    • WYSIWYG Editor, Chrome Extension, VS Code, Mac App, Beautiful Rendering, Math/Diagrams/Code

Three Pillars → Independent Cards

  • Capture — "Capture. Import. Paste." + 5 items + icon
  • Edit — "Edit like a doc." + 5 items + icon
  • Share — "Get a permanent URL." + 5 items + icon

New Sections

  • Ecosystem flow diagram — Sources → Surfaces → mdfy.cc/d/* → Outputs (all clickable)
  • Vision: Where mdfy is going — Today (Live) / Tomorrow (Coming Soon) / Beyond (Vision) with badges
  • Comparison: vs AI Memory Solutions — mdfy vs Mem0, Letta, Notion AI (10 features)
  • Comparison: vs Markdown tools — mdfy vs HackMD, StackEdit, Obsidian Publish, Gist (12 features)
  • Pricing: 4 tiers — No Account, Beta (Free Now), Pro (After Beta), Build (Coming Q2 2026)
  • Manifesto link — "The bigger picture" callout

Design

  • Section headings: accent orange color
  • Image glow effects
  • Lightbox (click to zoom)
  • Visual break divider before Vision
  • Transition text between sections

Plugins Page

CTA Buttons

  • Each plugin card has header CTA + footer action area
  • Header: prominent accent button (Add to Chrome, Install Extension, Download for Mac, etc.)
  • Footer: primary button + outline secondary + text links (Quick Start Guide, View on npm, etc.)

Fixed Issues

  • MCP "Add to Claude" → now links to /docs/mcp (was /api/mcp showing blank)
  • Desktop/QuickLook header download buttons → now use actual download URLs
  • All footers have consistent button pattern

Section Anchors

  • All plugin sections have IDs for deep linking (#chrome, #vscode, #desktop, #cli, #mcp, #quicklook)

Architecture: i18n Shared Components

Pattern

src/lib/i18n/about.ts          ← EN/KO translations
src/components/AboutContent.tsx ← Shared structure
app/about/page.tsx              ← 19 lines (metadata + locale="en")
app/ko/about/page.tsx           ← 19 lines (metadata + locale="ko")

Applied to

  • About (AboutContent + i18n/about.ts)
  • Manifesto (ManifestoContent + i18n/manifesto.ts)
  • Plugins (PluginsContent + i18n/plugins.ts)

Benefits

  • Content change → edit translation file only
  • Design change → edit component only
  • Both languages auto-updated

Welcome Overlay (New)

  • 5-slide onboarding for first-time visitors
  • Slide 1: Hero — "Own your markdown. Use it anywhere."
  • Slide 2: Capture — paste, import, Chrome extension
  • Slide 3: Edit — WYSIWYG, no syntax needed
  • Slide 4: Share — permanent URL, one click
  • Slide 5: Ecosystem — 6 surfaces with descriptions + plugins link
  • Prev/Next/Skip navigation, dot indicators
  • Dismissed via localStorage, "Replay welcome tour" button on home screen

Home Screen Fixes

  • First visit: no document selected (no VIEW ONLY badge)
  • Examples section: open by default on first visit
  • Section headings: RECENT, CREATE, GUIDES & EXAMPLES, EXPLORE all in accent orange
  • Removed CmdN/CmdV keyboard badges

Other Updates

  • Discover/Trending page — DocsNav + SiteFooter (was inline nav)
  • Nav redesign — centered links (About, Plugins, Docs, GitHub), language dropdown, mobile hamburger
  • MCP docs — memory layer intro box (Today: Live / Coming: Q2 2026)
  • CSS — phase badges (live/coming-soon/vision), carousel, terminal mockups, glow effects
  • Images — WebP lossless, hero carousel with 6 slides, Chrome extension screenshot
  • Google Analytics — G-V3LTDKKHTS
  • Comparison tables — verified accuracy (Obsidian Publish WYSIWYG fixed, Mem0 MCP added)

File Count

  • 25+ files modified/created
  • +6,655 lines added
  • i18n: 3 translation files, 3 shared components
  • Korean: 10 new pages

Built by Hyunsang + Claude at Raymind.AI