Skip to main content
Andrés Morales

Track 03 · Web Development

Web Development

Fast, accessible, type-safe web apps — from landing pages to AI-powered SaaS front-ends. Production-grade from day one.

BarrioTech (gps.andresmorales.com.co): landing page for the GPS street sellers platform I built and operate
9+

production sites shipped for clients across LATAM and the US

95+

average Lighthouse performance score across shipped projects

<200ms

TTFB on Next.js apps deployed on edge runtimes

BarrioTech (gps.andresmorales.com.co): live GPS street-sellers platform built with Next.js

Featured case

BarrioTech · live in production

A live GPS platform for street sellers in Cali — geolocation, product catalog, and admin dashboard, built end to end with Next.js, PostgreSQL and Prisma.

See the full case study →

What I build

Next.js & React

Server-rendered React with the App Router, React Server Components, route handlers and edge functions. Production-grade performance, not just demos.

Landing Pages

High-converting marketing pages with fast first paint, sharp copy, and CTAs wired to your CRM, email tool, or analytics stack.

Dashboards & Web Apps

Authenticated admin tools and dashboards with role-based access, tables, charts, and CSV/PDF exports. Built to scale beyond the first 100 users.

AI-Powered Features

Chat interfaces, agents, and tool-calling flows wired to OpenAI, Claude, or open-source models via streaming APIs.

Headless CMS Integration

Decoupled WordPress + Next.js, Sanity, Strapi, or Notion as your back office. Editors keep working; the front end stays fast.

Performance & SEO

Core Web Vitals in the green, structured data, sitemap, robots.txt and hreflang — the work that makes the site findable and fast on real networks.

How I work

Five steps, every project. The same rhythm whether the deliverable is a landing page or a full SaaS front-end.

01

Product, not brochure

I treat websites like products, not brochures. Performance, accessibility and SEO are baked in from the first commit — bolted on later is expensive.

02

Type-safe end-to-end

Type-safe end to end: TypeScript on the front end, validated payloads on every API route. Fewer runtime surprises, faster refactors.

03

Small reversible PRs

Ship in small, reversible PRs. Staging URLs on every push, analytics on every page, and rollback strategy before there’s a problem.

04

Data model first

I design the data model first. Forms, API routes and types stay in sync, which means features move fast and bugs stay rare.

05

Read before rewrite

When there’s existing code, I read it before I touch it. Refactors earn their place; rewrites don’t happen on a hunch.

My stack

  • Next.js 14 (App Router, Server Components, Route Handlers)
  • React 18+
  • TypeScript
  • Tailwind CSS
  • PostgreSQL + Prisma / Drizzle
  • NextAuth / Clerk
  • OpenAI / Anthropic / Ollama APIs
  • Vercel / Docker / self-hosted VPS

Unleash Potential Together

Ready to stop doing manually what could be automated in seconds? Let’s map the first workflow.

Book a free strategy call
Web Development — Andrés Morales