# FrontendVitals

> Technical knowledge platform featuring real-world case studies, best practices, and comprehensive guides on frontend performance optimization, GraphCommerce/Next.js development, package management (npm, patch-package), AI tool security, and enterprise frontend architecture solutions

FrontendVitals is an SEO-first, performance-authority frontend knowledge platform covering GraphCommerce, Magento, package management, email, AI tooling, and technical decision-making for modern frontend teams.

## Documentation

- [About](https://www.frontendvitals.com/about/): Learn more about FrontendVitals and our mission
- [Blog](https://www.frontendvitals.com/blog/): Browse all articles and guides

## Articles

- [The Hidden Expiry Date Every AI User Must Know](https://www.frontendvitals.com/blog/ai/the-hidden-expiry-date-every-ai-user-must-know/): A comprehensive comparison of knowledge cutoff dates across major AI models including ChatGPT, Claude, Gemini, Perplexity, DeepSeek, and Figma Make. Learn why cutoff dates matter, how they impact real-world usage, and practical strategies for working with AI limitations.
- [Testing WCAG in Figma Before You Write a Single Line of Code](https://www.frontendvitals.com/blog/wcag/testing-wcag-in-figma-before-writing-code/): A comprehensive guide to auditing WCAG accessibility compliance directly in Figma, covering the P.O.U.R. principles, contrast checks, focus states, form accessibility, semantic structure, and the best Figma plugins for accessibility testing - all before writing a single line of code.
- [The 28-Day Core Web Vitals Mystery: Debunking the Idle Stage Myth](https://www.frontendvitals.com/blog/performance/28-day-core-web-vitals-mystery-debunking-idle-stage-myth/): A real-world case study exploring how Google's Core Web Vitals actually work, debunking the myth of a required 28-day idle period and explaining the rolling 28-day window methodology.
- [Cursor AI Security Review for Client Project](https://www.frontendvitals.com/blog/ai/cursor-ai-security-review-client-project/): A comprehensive security analysis of Cursor AI for client projects. Covers SOC 2 compliance, Privacy Mode, infrastructure security, codebase indexing risks, extension vulnerabilities, and actionable recommendations for secure configuration.
- [NPM Overrides - Complete Guide & Real Use Cases](https://www.frontendvitals.com/blog/package/npm-overrides-complete-guide/): A comprehensive guide to npm overrides - understanding what they are, real-world use cases, advanced patterns, and best practices for managing dependency versions across your project.
- [Client Questions: Piano Analytics and HubSpot Integration Discovery](https://www.frontendvitals.com/blog/client-questions/piano-analytics-hubspot-integration-client-questions/): A structured discovery checklist to define scope, requirements, and risks for a Piano Analytics and HubSpot integration project.
- [Graph Commerce Development: Critical Questions to Ask](https://www.frontendvitals.com/blog/technical-decision/graph-commerce-development-critical-questions/): A comprehensive checklist of technical, team, and business questions to de-risk Graph Commerce development before committing to a build.
- [Email Client Image Handling After Server Migration: A Complete Guide](https://www.frontendvitals.com/blog/email/email-client-image-handling-after-server-migration/): Understanding how different email clients handle remote images after a server and domain migration, including Outlook, Gmail, and Thunderbird behavior patterns.

## Optional

- [Full LLM Content](https://www.frontendvitals.com/llms-full.txt): Complete content of all articles in plain text for LLM consumption