Influence Trading House

TailwindCSS v4 breaking changes — npx tailwindcss init no longer exists, @tailwind directives removed entirely

Replaced all three @tailwind directives with a single @import "tailwindcss" and removed tailwind.config.ts dependency entirely — v4 reads config from CSS

@apply inside @layer base threw build error: "Cannot apply unknown utility class" after switching to v4 import syntax

Replaced every @apply rule with equivalent plain CSS properties — background-color, color, font-family, -webkit-font-smoothing — making styles more explicit and debuggable

Google Fonts @import caused build failure at line 1248 — but globals.css only had 98 lines

Removed Google Fonts @import url() entirely since Inter and JetBrains Mono were already loaded via next/font/google in layout.tsx — two font systems were running in parallel

Next.js 15 App Router hydration errors from components using useState, useEffect, and useRouter without 'use client' directive

Established a clear rule: any component with interactivity or state gets 'use client'. Pure display components (Features, Testimonials) remain server components by default

All components depended on auth state (nav behavior, CTA buttons, plan badges) but no backend existed for Phase 1

Built a mock AuthContext mirroring the exact TypeScript interface of a real auth system — user, profile, loading, openAuthModal, signOut. Swapping in real Supabase only requires changing the context file

Git push to GitHub failed with fatal TLS error: "error:0A000152:SSL routines::unsafe legacy renegotiation disabled"

Updated Git SSL backend with git config --global http.sslBackend schannel — instructs Git to use Windows native SChannel instead of the OpenSSL library bundled with Git for Windows