SapotaCorp
Web App

Senior Vietnamese Web App Engineers, React, Next.js, Node, Python

Marketing sites, customer portals, data-heavy dashboards. From $1,800/engineer/month, 2-week paid trial.

SapotaCorp

Web App Architecture Review

Send us the repo or Figma file, we'll return a punch list of render-strategy, Core Web Vitals, and SEO wins.

What we ship for web applications

Five capability groups covering front-end frameworks, APIs, headless CMS, performance and SEO, and the deployment pipeline that keeps web apps fast after launch.

Web app engagements at SapotaCorp drill into the web-specific work: Core Web Vitals as acceptance criteria, design systems that compose, CMS integrations, SEO technical hygiene, and render-strategy trade-offs. Senior engineers, embedded in your sprint, shipping against a real backlog.

Next.js, Remix, Nuxt, SvelteKit, Astro, with performance and SEO budgets that actually hold.

Next.js (App Router)RemixNuxt 3SvelteKitAstroVue 3AngularTailwind CSSshadcn/uiRadix UIStorybookFramer MotiontRPCGraphQL (Pothos)REST + OpenAPIContentfulSanityStoryblokWordPress HeadlessStripe BillingClerk / Auth0Core Web VitalsLighthouse CIGA4 / PostHogVercel / CloudflareWCAG 2.2 AA

Front-end applications

React, Remix, Vue, Svelte, Astro - chosen for the product, not for what's currently trending. Design systems from day one, not a second sprint.

  • Next.js App Router apps - Server Components, Server Actions, streaming, parallel / intercepting routes
  • Remix apps with nested routes, loader / action pattern, progressive enhancement, per-route caching
  • Nuxt 3 with Nitro, Pinia, auto-imports, hybrid rendering per route
  • SvelteKit for content-heavy marketing sites where bundle size matters
  • Astro for multi-framework content sites - islands architecture, zero JS by default
  • Design systems with tokens (colors, spacing, type scales), Radix / shadcn primitives, Storybook documentation
  • Responsive layouts with container queries, CSS grid, fluid typography, dark-mode systems
  • Animations with Framer Motion, View Transitions API, scroll-linked, respecting prefers-reduced-motion
  • Internationalization - i18next, next-intl, Paraglide - RTL support, hreflang, locale-aware routing
  • Accessibility - WCAG 2.2 AA, keyboard nav, skip links, ARIA patterns, axe-core + Pa11y in CI

Back-end services for web apps

The API layer that makes the front-end work. Typed end-to-end, observable, and safe under concurrent load.

  • REST APIs with OpenAPI 3.1, contract-first, generated TypeScript clients, Spectral linting
  • GraphQL schemas with Pothos / Yoga / Apollo, dataloader batching, cost analysis, persisted queries
  • tRPC in TypeScript monorepos with end-to-end type safety and zero schema duplication
  • Authentication - Clerk, Auth0, WorkOS, Supabase Auth, NextAuth, custom OIDC / SAML SSO
  • Authorization - RBAC, ABAC, row-level security in Postgres, per-tenant policy enforcement
  • Billing with Stripe, Chargebee, Paddle, Lemon Squeezy - metered, seat-based, or hybrid
  • Background jobs with BullMQ, Inngest, Trigger.dev, Temporal - with retries, DLQ, observability
  • Webhook ingestion with HMAC verification, idempotency keys, replay-safe processors

Headless CMS & content platforms

When marketing, product, and support teams all need to ship content without developer bottlenecks.

  • Contentful content modeling, locale setup, editor workflows, webhook-driven ISR triggers
  • Sanity Studio customization, custom input components, live-preview wiring, GROQ query tuning
  • Storyblok with visual editor, nested components, release scheduling, draft preview
  • Hygraph (formerly GraphCMS), Payload CMS, Strapi, Keystone - the self-hosted side of the market
  • WordPress headless via REST / GraphQL - preserving editor experience while modernizing front-end
  • Composable architectures - commerce (Shopify Storefront / Commerce.js) + content + search in one front-end
  • Preview environments per branch with CMS draft data for editorial review
  • Asset pipelines - Cloudinary, imgix, Cloudflare Images, responsive srcset, AVIF/WebP delivery

Performance, SEO & analytics

The work that separates 'launches' from 'ranks and converts'. Measured, budgeted, and regressed against.

  • Core Web Vitals monitoring - LCP, INP, CLS per route, budgets enforced in Lighthouse CI
  • Render strategy per route - SSR, SSG, ISR, client-only - with cache TTLs and revalidation triggers
  • Bundle analysis, code-splitting, dynamic imports, tree-shaking audits, webpack-bundle-analyzer / Rsbuild
  • Image optimization - next/image, Cloudflare Images, responsive srcset, fetchpriority hints
  • SEO technical hygiene - sitemap, robots, canonical, hreflang, Open Graph, Twitter Cards, structured data (JSON-LD)
  • Schema.org markup - Product, FAQ, BreadcrumbList, Article, Review, LocalBusiness - validated in Rich Results Test
  • A/B and feature testing with Statsig, PostHog, Optimizely, GrowthBook, LaunchDarkly
  • Analytics - GA4, PostHog, Segment, Mixpanel, Amplitude - with server-side tracking where browsers block
  • Edge caching on Vercel, Cloudflare, Fastly - with stale-while-revalidate patterns and cache-key engineering

Deployment, DevOps & reliability

What gets web apps from your laptop to production without the 2 a.m. page.

  • Hosting on Vercel, Cloudflare Pages, Netlify, AWS Amplify, Render, Fly - with preview environments per PR
  • Infrastructure as code - Terraform, Pulumi, AWS CDK for deeper AWS setups
  • CI/CD with GitHub Actions, GitLab CI, Bitbucket Pipelines - parallel jobs, caching, turbo / nx build cache
  • Observability - OpenTelemetry, Datadog, Sentry with source maps, Honeycomb for high-cardinality tracing
  • Synthetic monitoring, real-user monitoring (RUM), uptime checks, SLO dashboards
  • Security hardening - CSP, subresource integrity, CSRF/XSS review, dependency audits, OWASP Top 10 checklist
  • Rate limiting and bot protection - Cloudflare Turnstile, Arcjet, Upstash rate-limit, Redis token buckets
faq

Common questions from web leads

Overlap is real - the same engineers work across both. Custom Software is broader (mobile, infra, desktop, data platforms). Web App Development drills into web-specific concerns: Core Web Vitals, SEO, CMS work, and the render-strategy trade-offs that make or break a web product. Pick the page that matches your primary need; we'll cover the rest.

Yes - most engagements start from an existing system. We'll audit tokens, inventory components, document gaps in Storybook, and build missing pieces rather than forking markup. If you're starting from scratch, we'll propose a shadcn/ui + Radix + Tailwind base.

Yes. Contentful and Sanity are regular engagements - content modeling, preview pipelines, editor workflows. WordPress headless (via REST or WPGraphQL) is common when editorial teams want to keep their existing authoring experience while the front-end modernizes.

Both are acceptance criteria, not afterthoughts. Every PR runs Lighthouse CI with budgets that fail the build on regression. SEO hygiene (sitemap, structured data, canonicals, hreflang) is covered in the launch checklist, with ongoing audits during maintenance.

WCAG 2.2 AA is the baseline. axe-core / Pa11y in CI, keyboard-first QA, screen-reader testing on the major flows, and color-contrast tokens baked into the design system. We've shipped accessibility-remediation engagements too, when a product needs to pass VPAT or European EN 301 549.

A 2-week paid trial scoped to a concrete web deliverable - a page, a feature, a CMS migration, or a Core Web Vitals cleanup. If it works, we convert to monthly at $1,800-$2,400/engineer/month.
why SapotaCorp

Why teams pick us for web

Core Web Vitals as acceptance criteria

LCP, INP, CLS budgets enforced in CI on every PR. Performance isn't a launch-week sprint - it's a guardrail from day one.

Design systems, not one-off pages

Tokenized themes, Radix + shadcn primitives, Storybook docs. New pages compose from existing pieces instead of forking markup.

Accessibility baked in

WCAG 2.2 AA by default - keyboard nav, screen-reader semantics, focus management, color contrast checked in PR review.

SEO technical hygiene

Sitemaps, structured data, canonical tags, hreflang, Open Graph, and render-path audits that keep organic traffic growing.

web tech stack

The stack we work in

Frameworks

Next.js (App Router, Server Actions), Remix, Nuxt 3, SvelteKit, Astro, Vite SPAs, Angular when legacy calls for it.

UI & design systems

Tailwind CSS, shadcn/ui, Radix UI, Headless UI, Framer Motion, CSS Modules, design tokens, Storybook, Figma handoff.

Back-end for web

Node (Hono, Fastify, Nest), Python (FastAPI, Django), tRPC, GraphQL (Apollo, Pothos, Yoga), REST with OpenAPI 3.1.

Content & analytics

Contentful, Sanity, Storyblok, Hygraph, WordPress REST, Ghost, GA4, PostHog, Segment, Mixpanel, Statsig.

start a trial

Two weeks to prove the fit.

Paid trial scoped to a concrete web deliverable: a page, a feature, a CMS migration, or a performance cleanup.

Why work with us on web?

  • Core Web Vitals + SEO + a11y as acceptance criteria
  • Design systems you can extend, not markup you fork
  • Front-end + API + CMS + perf in one team
  • From $1,800/engineer/month, 2-week paid trial
Book the trial

How Sapota's web app builds are structured

The default stack on web app engagements is Next.js (App Router on Next 16, the same framework this site runs on) with React Server Components for data-heavy surfaces, client components only where interactivity demands it, and Vercel for hosting unless the rest of your infra forces a different provider. The pattern keeps the SEO and Core Web Vitals work straightforward; we treat both as acceptance criteria, not as a separate audit phase tacked on at the end.

For projects where Next.js is not the right pick, the team also ships Remix, plain Vite + React for SPAs, and static Astro for content-heavy sites that do not warrant a full SSR framework. The pick depends on the project, not on what is currently fashionable on Hacker News. We say so honestly when the stack you ask for is the wrong answer for your project. Cancelling a six-month build to swap frameworks is more expensive than the awkward fifteen-minute conversation up front.

Backend pairing: most web projects need an API. Sapota engineers ship Node (Express, Fastify, Hono), Python (FastAPI), and Go (Gin, Fiber) depending on workload and team preference. For data layer, Postgres covers most cases; we add Redis for cache, BullMQ for job queues, and Elastic or Postgres full-text for search depending on volume. CMS pairing options include Sanity, Contentful, Strapi, or filesystem markdown (the path this Sapota site itself took); see the Marketing Cloud blog category for the engineering notes on filesystem-backed content that came out of this migration.

Adjacent services: for mobile companion apps, see the mobile app development page; the same team often ships both. For AI features built into the web app (chat, search, summarization), the AI page covers the LLM, RAG, and agent patterns we use. To scope a web app engagement, reach out via the contact page; the first call is usually a stack-and-scope conversation, not a sales pitch.

Contact Us Now

Share Your Story

We build trust by delivering what we promise – the first time and every time!

We'd love to hear your vision. Our IT experts will reach out to you during business hours to discuss making it happen.

WHY CHOOSE US

"Collaborate, Elevate, Celebrate where Associates - Create Project Excellence"

SapotaCorp beyond the IT industry standard, we are

  • Certificated
  • Assured quality
  • Extra maintenance

Tell us about your project