MichaelTech.net Technical Specification

• Headless CMS: WordPress
• Frontend: Gatsby.js (React-based static site generator)
• Database: MySQL (for WordPress backend)
• Hosting: Hostinger

Custom plugin: My Affiliate Product Manager

• Integrates with Amazon Product Advertising API
• Manages product import, updates, and affiliate link management
• Implements custom categorization logic
• Robust data validation and error correction:
  • Implements advanced error handling for inconsistent API responses
  • Utilizes regex and custom algorithms to extract and validate critical product information (e.g., model names, brands)
  • Employs fallback mechanisms and data normalization techniques to ensure data integrity
  • Custom categorization system to handle non-standard or missing category information
• Automated data cleaning and standardization processes
• Content management for blog posts and static pages
• GraphQL API endpoint for Gatsby frontend

• React-based components
• Static page generation for improved performance
• Rebuilding site for data updates (e.g., price updates, holiday sales)
• Responsive design using CSS-in-JS (Emotion)
• SEO optimization with react-helmet

1. WordPress GraphQL API -> Data Fetching
2. Data Validation and Cleaning (custom algorithms)
3. AI-powered Content Generation
   • Utilizes fetched product data to create unique, SEO-optimized content
   • Generates product descriptions, deal highlights, and related content
4. Gatsby Build Process
   • Incorporates WordPress data and AI-generated content
   • Creates static pages
5. Static Pages Deployment

1. Product Catalog:
   • Automated import from Amazon
   • Custom categorization system
   • Price history tracking
2. Deal Pages:
   • Dynamically generated content
3. Blog/News Section:
   • WordPress-managed content
   • Integration with product deals
4. Search Functionality:
   • Custom, real-time search implementation
   • Client-side filtering for instant results without page reloads
   • Comprehensive search across multiple data points
   • Memoized search function for optimal performance
   • Case-insensitive matching for improved user experience
   • Unified search across different data sources
5. User Interface:
   • Responsive design
   • Accessibility features
   • Performance-optimized animations and transitions

• Image optimization using Gatsby Image
• Code splitting and lazy loading
• CSS and JS minification
• CDN integration by Hostinger

• Structured data implementation
• Automated sitemap generation
  • Custom news sitemap generation for deal content
  • Dynamic creation of news-sitemap.xml during build process
  • Includes recently modified deals (within last 2 days)
  • Implements proper XML escaping for content security
  • Adheres to Google News sitemap guidelines
• Custom sitemap index creation, integrating both standard and news sitemaps
• Meta tag optimization
• Canonical URL management

• Amazon Product Advertising API
• OpenAI API for content generation
• Google Analytics

• AI-assisted content generation system
• Automated content update mechanism:
  • Price tracking and history logging
  • Dynamic deal status management (active/expired)
  • Automated content revision based on:
    • Changes in discount percentage
    • Deal reactivation
    • Seasonal/holiday shifts
• Real-time notices for expired deals
• Intelligent content refresh system to maintain relevance and accuracy

• WordPress is running locally
• API key management and secure storage

• Performance monitoring, Chrome Dev tools Lighthouse and Pagespeed Insights
• Error tracking and logging
• User behavior analytics

• Manual, controlled deployment process
• Product management:
  • Custom WordPress plugin for importing new products
  • Automated product data updates for existing inventory
• Content management:
  • Manual execution of content generation script for new or revised products
• Build process:
  • Manual Gatsby build triggering
• Deployment:
  • Manual upload of built site to hosting provider
• Version control with Git for codebase management