Fix update v1

[TorresjDev]

This pull request focuses on performance optimizations, dependency updates, and security improvements across the codebase. The most significant changes include lazy-loading heavy components for better performance, updating and cleaning up dependencies, optimizing the Next.js build configuration, and tightening security headers. Additionally, some minor UI and accessibility tweaks were made.

Performance and Dependency Optimizations:

• Replaced react-lottie with lottie-react, lazy-loaded it using next/dynamic, and removed related types and dependencies from package.json for improved performance and bundle size. (components/Footer.tsx, components/ui/BentoGrid.tsx, package.json) [1] [2] [3] [4]
• Lazy-loaded CanvasRevealEffect and added a loading skeleton for the 3D globe to reduce initial bundle size and improve perceived performance. (components/Approach.tsx, components/ui/GridGlobe.tsx) [1] [2]
• Updated Next.js config to enable SWC minification, optimize package imports, modularize react-icons, and use experimental optimizations for certain libraries. (next.config.mjs)

Build and Sentry Configuration Improvements:

• Cleaned up Sentry configuration: disabled source map uploads, silenced warnings, removed IE11 transpilation, and reduced build overhead for faster builds. (next.config.mjs) [1] [2]
• Updated Sentry client config to only load heavy integrations and higher tracing/replay rates in production, reducing dev overhead. (sentry.client.config.ts)
• Added cross-env to scripts to suppress Node deprecation warnings and filter out Sentry logs during build. (package.json) [1] [2]

Security and Accessibility:

• Added strong security headers (X-Content-Type-Options, X-Frame-Options, X-XSS-Protection, Referrer-Policy) to all responses. (next.config.mjs)
• Updated rel attributes on external links to use noopener noreferrer for better security. (components/Footer.tsx)
• Removed an unnecessary anchor tag in the 3D pin component, replacing it with a span for improved accessibility. (components/ui/3d-pin.tsx)

Other Cleanups:

• Removed unused or duplicate files and code, such as components/ui/BentoGridV1.tsx, and trimmed Tailwind content paths for faster builds. (components/ui/BentoGridV1.tsx, tailwind.config.ts) [1] [2]
• Updated several dependencies to their latest versions, including three, eslint-config-next, and added punycode. (package.json)

[Copilot]

Pull request overview

This pull request implements comprehensive performance optimizations, dependency updates, and security improvements across the codebase. The main focus is on reducing bundle size and build times through lazy-loading, package modernization, and Next.js configuration enhancements.

Key Changes:

• Migrated from react-lottie to lottie-react with dynamic imports for improved performance and smaller bundle size
• Enhanced Next.js build configuration with SWC minification, package import optimizations, and security headers
• Optimized Sentry configuration to reduce development overhead by conditionally loading integrations only in production

Reviewed changes

Copilot reviewed 11 out of 12 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
tailwind.config.ts	Removed unused content paths (pages/** and src/**) to optimize Tailwind CSS compilation
sentry.client.config.ts	Added environment-based conditional loading of Sentry integrations and adjusted sampling rates for better dev performance
package.json	Updated dependencies (cross-env, eslint-config-next, three, lottie-react), modified scripts with cross-env for Node deprecation warning suppression, and removed react-lottie
next.config.mjs	Added comprehensive configuration including SWC minification, modularized imports, experimental package optimizations, and security headers (X-Content-Type-Options, X-Frame-Options, X-XSS-Protection, Referrer-Policy)
components/ui/GridGlobe.tsx	Added loading skeleton for 3D globe during lazy load to improve perceived performance
components/ui/BentoGridV1.tsx	Removed unused/duplicate file (176 lines deleted)
components/ui/BentoGrid.tsx	Migrated from react-lottie to lottie-react with dynamic import and updated API usage
components/ui/3d-pin.tsx	Replaced anchor tag with span element to improve accessibility and prevent nested link issues
components/Footer.tsx	Migrated to lottie-react with dynamic import and updated rel attribute to noopener noreferrer for enhanced security
components/Approach.tsx	Added dynamic import for CanvasRevealEffect to reduce initial bundle size
.github/workflows/azure-static-web-apps-mango-pebble-08050a31e.yml	Added persist-credentials: false for improved workflow security

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.