data-peek/notes
Rohith Gilla 3855ca0b4a
content(blog): add screenshots to 4 technical posts
Embeds hero and supporting screenshots into the health monitor, data
masking, LISTEN/NOTIFY, and benchmark mode posts. Images live under
apps/web/public/blog/<slug>/ and are resolved via the existing MDX img
component, which wraps each in a styled figure with an alt-text caption.

All images resized to 1920px max width and stripped of metadata,
bringing the total blog asset size from ~32MB to ~7MB. Data generator
post intentionally left image-less pending screenshots.
2026-04-11 11:32:54 +05:30
..
ai-assistant-deep-dive.mdx fix: virtualize data tables to eliminate typing lag (#80) 2025-12-19 16:46:05 +05:30
benchmark-mode-p50-p90-p99.mdx content(blog): add screenshots to 4 technical posts 2026-04-11 11:32:54 +05:30
blurring-pii-in-your-sql-client.mdx content(blog): add screenshots to 4 technical posts 2026-04-11 11:32:54 +05:30
building-ai-sql-assistant.mdx fix: virtualize data tables to eliminate typing lag (#80) 2025-12-19 16:46:05 +05:30
building-dashboard-widgets.mdx chore: update date 2025-12-18 13:20:02 +05:30
check-table-sizes-postgresql.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30
connection-health-monitor-in-a-sql-client.mdx content(blog): add screenshots to 4 technical posts 2026-04-11 11:32:54 +05:30
export-sql-results-csv-json-excel.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30
fk-aware-fake-data-generator.mdx fix(notes): correct domain from data-peek.app to datapeek.dev 2026-04-11 10:35:52 +05:30
keyboard-first-database-browsing.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30
listen-notify-without-tears.mdx content(blog): add screenshots to 4 technical posts 2026-04-11 11:32:54 +05:30
postgresql-vs-mysql-2026.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30
query-performance-analyzer.mdx feat(web): add blog with MDX support and centralized notes (#70) 2025-12-16 18:10:34 +05:30
README.md Add technical blog posts documenting data-peek features (#153) 2026-04-11 10:13:18 +05:30
understanding-explain-analyze.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30
virtualizing-html-tables.mdx fix: virtualize data tables to eliminate typing lag (#80) 2025-12-19 16:46:05 +05:30
why-we-built-data-peek.mdx content: add 6 blog posts for organic SEO and product awareness 2026-03-31 13:28:18 +05:30

data-peek Notes & Blog Posts

This folder is the single source of truth for technical notes and blog posts. Files with published: true in frontmatter are automatically served on the website's blog.

Published Posts

File Topic
building-ai-sql-assistant.mdx Building the AI SQL Assistant
ai-assistant-deep-dive.mdx Technical deep dive into AI components
query-performance-analyzer.mdx Query Performance Analyzer with EXPLAIN
connection-health-monitor-in-a-sql-client.mdx pg_stat_activity dashboard with one-click kill
blurring-pii-in-your-sql-client.mdx Data masking toolbar for screen-shares and demos
listen-notify-without-tears.mdx Postgres LISTEN/NOTIFY debugger with SQLite history
benchmark-mode-p50-p90-p99.mdx Benchmark mode with p90/p95/p99 percentiles
fk-aware-fake-data-generator.mdx FK-aware fake data generator with Faker.js

Creating a New Post

  1. Create a new .mdx file in this folder
  2. Add frontmatter at the top:
---
title: "Your Post Title"
description: "Brief description for SEO and previews"
date: "YYYY-MM-DD"
author: "Rohith Gilla"
tags: ["Tag1", "Tag2"]
published: true  # Set to false to keep as draft
---
  1. Write your content in MDX (Markdown + JSX)
  2. The post will appear on /blog when published: true

Draft Posts

Set published: false in frontmatter to keep a post as a draft. It won't appear on the blog until you change it to true.

Future Topics

  • Electron + React architecture patterns
  • Multi-database adapter pattern
  • Building a table designer with DDL generation
  • Monaco editor integration tips
  • ERD visualization with React Flow