JS·jaspreetsingh.dev

~/stack

Tools, Infrastructure & AI

Everything I use to design, build, ship, and maintain production systems. AI-accelerated across the full cycle — from architecture to deployment to monitoring.

Frontend

ReactNext.jsTypeScriptTailwind CSSFlutterDart

Backend

Node.jsPythonDenotRPCREST APIsGraphQLPostgreSQLSupabaseFirebase

DevOps & Cloud

GitHub ActionsDockerVercelAWS (S3, Lambda, SWA)VPS / NginxCI/CD Pipelines

Monitoring & Ops

SentryError AlertingUptime MonitoringPerformance BudgetsLog Management

CMS & Content

PrismicContentfulSanityWordPressHeadless CMSISR / SSG

AI / ML

OpenAI APIGoogle GeminiPrompt EngineeringLLM IntegrationOn-Device AIAI Analytics

AI Dev Tools

Cursor IDEGitHub CopilotKiroClaudeChatGPTAI Code Review

Tools & Workflow

GitFigmaFastlanePostmanLinearNotion

Ship faster with AI

A team of developers used to take days to write code I now write in hours — using AI to accelerate the entire development cycle, not just for code completion.

Traditional approach

✕ Days of boilerplate setup

✕ Manual code review cycles

✕ Slow debugging loops

✕ Docs written after the fact

vs

AI-accelerated

✓ Scaffold in minutes, ship same day

✓ AI review catches issues in PR

✓ Root cause in seconds with AI debug

✓ Docs generated alongside code

⌘

AI-Assisted Development

Generates, refactors, and reviews code in real time — saving 60–70% of boilerplate and catching bugs before they ship.

◈

Architecture Planning

AI as a thought partner for system design, trade-off analysis, and documentation — faster decisions, better outcomes.

△

Automated Code Review

AI-powered pull request review catches patterns, security issues, and performance regressions before they hit production.

◇

Testing Acceleration

AI generates unit tests, edge cases, and integration tests — improving coverage without extending timelines.


How I Ship

Systems thinking from local dev to production. Every project ships with a real deployment strategy.

Deployment

Vercel · VPS (Nginx) · Supabase

Zero-downtime deploy, edge functions, managed Postgres, custom architecture for any project size.

CI/CD

GitHub Actions

Automated lint → type-check → build → deploy pipeline on every push.

Automation

Webhooks · Cron jobs · Realtime subscriptions

Auto-scheduling, background sync, Supabase Realtime for live data.

Observability

Error Tracking · Logs · Uptime · Alerts

Full observability stack: error tracking with source maps, structured logging, uptime checking, and real-time alerts — every production system is instrumented from day one.

Security

Row Level Security · Bot protection · RBAC

Postgres RLS for tenant isolation, permission-based access control, bot protection on public endpoints.

✓ Build completed in 23s

✓ Tests passed (142 passing, 0 failing)

✓ Docker image pushed → registry

✓ Deployed to production · 0 downtime

$


Production visibility

Every production system I ship is instrumented from day one — errors, performance, uptime, and user behaviour.

⬡

Error Tracking

Sentry with source maps — errors captured in production with full stack traces and context.

◈

Uptime Monitoring

Automated uptime checks with instant alerts — know about downtime before your users do.

△

Performance Budgets

Lighthouse CI on every PR — Core Web Vitals stay green because regressions are caught before deploy.

◇

Structured Logging

Structured logs in production — searchable, filterable, and correlated across services.

✦

Real User Monitoring

Real-world performance data from actual users — not just synthetic benchmarks.

↺

Alert Routing

Alerts routed to the right channel — critical issues page immediately, warnings queue for review.


Content without constraints

The right CMS for each project — from developer-friendly APIs to client-manageable content with zero code changes.

◈

Prismic

Slice-based content modelling — ideal for marketing sites where clients need full content control without touching code.

⬡

Contentful

Enterprise-grade structured content with strong API — used for complex content models and multi-locale projects.

△

WordPress (Headless)

WordPress as a CMS backend with a Next.js frontend — clients keep familiar editing, users get fast modern UX.

◇

Sanity

Fully customisable schema with real-time collaboration — used for projects where the content model is complex and evolving.


Less client JavaScript

Server Actions reduce client-side JavaScript, simplify form handling, and eliminate unnecessary API routes.

◈

Form Handling

Forms that submit directly to server functions — no API route boilerplate, no client-side state complexity.

⬡

Optimistic Updates

Instant UI feedback with server validation — the best of both worlds without managing complex state.

△

Progressive Enhancement

Forms that work without JavaScript and feel instant with it — accessible by default.

◇

Reduced Bundle Size

Moving logic to the server reduces what ships to the browser — faster initial loads, better CWV.


Have a project in mind? Let's talk.

Open to full-time remote roles globally. I'll respond within 24 hours.

new-message.md