Modern Web Developer for SMBs — React • Next.js • Tailwind CSS • GSAP

• Roles: Frontend / Full‑Stack (SMB focus)
• Core stack: Next.js, TypeScript, Tailwind CSS, GSAP
• Outcomes: Fast, accessible, SEO‑ready builds; clean, maintainable architecture; Core Web Vitals‑driven performance
• Key links: Live demo — https://landing-page-beige-nu-12.vercel.app • Source — https://github.com/0xcaolan/landing-page • GitHub — https://github.com/0xcaolan • Email — [email protected]

I build fast, accessible, SEO‑ready websites and web apps that help small and medium‑sized businesses convert better and scale with confidence. I emphasize modern web development and best practices—performance, accessibility, clean architecture, and maintainability—so teams can ship quickly and iterate safely.

• Open to: Frontend/Full‑Stack roles and client projects (SMB focus)
• Contact: [email protected]

• Modern web fundamentals: responsive UI, a11y (WCAG), Core Web Vitals, SEO
• Purposeful motion: GSAP/Framer Motion to enhance UX and brand recall
• Production‑ready Next.js: SSR/SSG/ISR, caching, server actions, RSC
• Maintainable systems: clear component architecture, DX, testing, CI/CD
• Business impact: conversion‑oriented builds, analytics, and rapid iteration

• Frameworks: Next.js (App Router), React, TypeScript
• Styling/UI: Tailwind CSS, CSS Modules, Radix UI/Headless UI
• Animation: GSAP, Framer Motion
• Data/API: Next.js Route Handlers/Server Actions, Node.js; Prisma; PostgreSQL/Supabase; REST/JSON
• Auth & Users: NextAuth.js, JWT
• Analytics & SEO: Vercel Analytics, Plausible/GA4, sitemap/robots, structured data
• Tooling/Quality: ESLint, Prettier, Husky, GitHub Actions, Jest/RTL, Playwright/Cypress
• Infra/Deploy: Vercel (primary), Netlify/AWS when needed

• High‑performance marketing sites and product pages with polished motion
• Content‑driven sites with headless CMS for non‑technical editing
• Lightweight web apps/dashboards using modern React patterns
• SEO and performance tuning (Core Web Vitals, Lighthouse 90+ targets)
• Clean, documented codebases that small teams can own and extend
• Integrations: forms, email, analytics, payments (Stripe), CRM/webhooks

• Landing Page (Next.js • Tailwind • GSAP)
  • Animated, conversion‑oriented marketing page with purposeful motion, responsive layout, and modern SEO setup (sitemap/robots, metadata).
  • Built for fast iteration and maintainability with reusable components and clean architecture.
  • Live demo: https://landing-page-beige-nu-12.vercel.app
  • Source: https://github.com/0xcaolan/landing-page

• Animated brand experiences: Next.js + GSAP for performant, on‑brand motion
• Content workflows: headless CMS + role‑based editing, preview, drafts
• Conversion tooling: AB‑testable components, event tracking, dashboards
• Deployment pipelines: one‑click previews, checks, and safe rollouts on Vercel

• Next.js App Router best practices (server actions, caching, RSC boundaries)
• Design systems with Tailwind + Radix and accessible component patterns
• Performance budgets and animation strategies that preserve CWV

• Email: [email protected]
• GitHub: https://github.com/0xcaolan