Loading...
Get in Touch
Web App

Web App Development

Modern web applications — from marketing sites to customer portals to data-heavy dashboards

FREE CONSULTATION
SalesforcePower PlatformRetool & Internal ToolsShopify & E-commerceAI Agents & RAGCustom Software & Full-stackWeb App DevelopmentMobile App Development
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.

Contact Us

(+84) 38 339 6560

Email

michael@sapotacorp.vn

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
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.

Contact Us

(+84) 38 339 6560

Email

michael@sapotacorp.vn

WhatsApp

(+84) 38 339 6560

Office

S-Building, 101 Huỳnh Tấn Phát, Hải Châu, Đà Nẵng

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

close

contacts

S-Building, 101 Huỳnh Tấn Phát, Đà Nẵng (+84) 38 339 6560
Get in Touch
Contacts(+84) 38 339 6560michael@sapotacorp.vn
Follow us:Get in Touch