Skip to main content

Tech Stack

This document details all technologies used in the Infowebplus project.

Frontend​

Core Framework​

  • Next.js 15 - React framework with App Router
    • Server-side rendering
    • Static site generation
    • API routes
    • Image optimization

Language & Type Safety​

  • TypeScript - Type-safe JavaScript
  • React 18 - UI library

Styling​

  • Tailwind CSS - Utility-first CSS framework
  • CSS Modules - Component-scoped styles
  • Framer Motion - Animation library

Internationalization​

  • next-intl - i18n solution for Next.js
  • Supports: English, Spanish, Romanian

Backend & APIs​

Content Management​

  • Sanity.io - Headless CMS
    • GraphQL API
    • Real-time content updates
    • Image CDN

Caching​

  • Redis - Distributed caching (production)
  • In-Memory Cache - Local caching (fallback)
  • Next.js ISR - Incremental Static Regeneration

Third-Party Integrations​

  • HubSpot - CRM integration for quote submissions
  • Resend - Email service
  • Breezy HR - Job listings API

Development Tools​

Build Tools​

  • TypeScript Compiler - Type checking
  • ESLint - Code linting
  • PostCSS - CSS processing

Package Management​

  • npm - Package manager

Deployment​

Hosting​

  • Vercel - Main application hosting
  • Cloudflare Pages - Documentation hosting

CDN & Performance​

  • Vercel Edge Network - Global CDN
  • Sanity CDN - Content delivery
  • Cloudflare - DNS and CDN

Monitoring & Analytics​

  • Google Tag Manager - Analytics and tracking
  • Vercel Analytics - Performance monitoring

Version Control​

  • Git - Version control
  • GitLab - Repository hosting

Dependencies Overview​

Key Dependencies​

{
  "next": "^15.5.7",
  "react": "^18.3.1",
  "@sanity/client": "^6.21.3",
  "@apollo/client": "^4.0.10",
  "next-intl": "^3.22.0",
  "framer-motion": "^11.11.9",
  "redis": "^5.0.1",
  "tailwindcss": "^3.4.14"
}

Browser Support​

  • Modern browsers (Chrome, Firefox, Safari, Edge)
  • Mobile browsers (iOS Safari, Chrome Mobile)
  • Progressive enhancement for older browsers

Performance Targets​

  • Lighthouse Score: 90+ across all metrics
  • First Contentful Paint: < 1.5s
  • Time to Interactive: < 3.5s
  • Cumulative Layout Shift: < 0.1

Next Steps​