Integrate Google Analytics 4 for comprehensive tracking. Install gtag.js script in application layout. Create analytics wrapper hooks for type-safe event tracking. Implement automatic pageview tracking with Next.js router events. Add custom event tracking for business metrics: button clicks, form submissions…
Integrate privacy-friendly Plausible Analytics for cookieless tracking. Add Plausible script to application layout with custom domain if configured. Implement automatic pageview tracking. Create custom event tracking hooks for user interactions. Set up goals in Plausible dashboard for conversion tracking. Implement…
Implement background job processing with queue system. Set up job queue using Bull/BullMQ with Redis. Create job processor workers for different job types. Implement retry logic with exponential backoff for failed jobs. Add job monitoring dashboard using Bull Board showing active, completed, failed jobs. Handle job…
Implement comprehensive caching strategy across the application. Configure CDN caching headers in staticwebapp.config.json or Railway configuration. Set cache-control headers for static assets (immutable for hashed files). Implement static generation with revalidation using Next.js ISR. Add client-side caching with…
Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area, scatter. Implement responsive sizing with container-based dimensions. Add interactive tooltips showing detailed data on hover. Create customizable legends with click-to-hide series. Support real-time data…
Create comprehensive shopping cart and checkout flow. Implement cart state management with Context API or Zustand. Create cart UI component with item list, quantity controls, and remove buttons. Calculate totals including subtotal, tax, shipping, and discounts. Add shipping address form with validation. Implement…
Create content management UI for editing static JSON content files. Build content editor forms with validation for JSON structure. Implement file upload functionality for JSON updates. Add preview functionality to see changes before publishing. Track version history of content changes with timestamps and authors.…
Create scheduled background jobs using Azure Functions timer triggers. Implement timer-triggered function with NCRONTAB expression for scheduling. Add comprehensive logging for job execution with Application Insights. Handle execution failures with error notifications. Implement idempotency to prevent duplicate…
Create scheduled jobs on Railway using node-cron or external cron services. Implement cron scheduler in Express application with node-cron. Add job management API for listing, triggering, and monitoring jobs. Implement comprehensive job logging with timestamps and status. Handle job failures with retry logic and…
Create a comprehensive metrics dashboard layout. Implement responsive grid using Bootstrap with metric cards and charts. Add KPI cards showing key metrics with trend indicators and percentage changes. Create real-time data updates using polling or WebSockets. Implement date range filtering with presets (today, week…
Integrate email functionality using Azure Communication Services or SendGrid. Create Azure Function for sending emails with HTTP trigger. Design email templates using HTML/Handlebars. Implement email validation and sanitization. Handle delivery failures with retry logic and error logging. Create email queue for bulk…
Integrate email functionality using Nodemailer or Resend API. Set up SMTP configuration with environment variables. Create email templates using React Email for type-safe component-based emails. Implement send email API endpoint in Express. Add email validation and rate limiting. Handle delivery failures with retry…
Implement React error boundaries throughout the application. Create error boundary component with componentDidCatch lifecycle. Add fallback UI with friendly error message and retry button. Log errors to monitoring service (Sentry, Azure Monitor) with stack traces. Implement granular boundaries for different sections…
Create custom error pages for 404, 500, and offline scenarios. Design user-friendly error pages styled with Bootstrap matching brand identity. Add 404 page with helpful navigation links and popular pages. Implement 500 error page with contact options and status page link. Create offline page for progressive web app…