How Pixel Web Services Architected a Serverless Resort SPA with React
Tatvam Resort required a premium digital storefront that reflected its luxury farm stay experience. By adopting a serverless architecture, we eliminated traditional backend hosting costs while capturing 21 leads in 2 months.
01
The Challenge
Tatvam Resort's previous website was built on an aging WordPress architecture. It suffered from slow load times and lacked a responsive design, making mobile navigation exceptionally frustrating. For a luxury brand, a sluggish digital experience directly damages user perception and reduces booking conversion rates.
Slow & Unresponsive
The legacy system was sluggish and actively hindered direct bookings.
Inefficient Lead Management
The old system failed to alert staff promptly when a potential guest showed interest, resulting in lost revenue opportunities.
High Backend Overhead
Managing a traditional backend server, database, and email delivery system was costly and inefficient.
02
Our Approach
We engineered a high-performance single-page application (SPA) leveraging a serverless approach for lead capture to bypass the need for a traditional backend.
React 19.2.3 & Vite 7.3.1
Lightning-fast HMR and highly optimized static builds.
Google Apps Script
Zero-cost CRM appending lead data directly into a Google Sheet.
Telegram Bot API
Instant push notifications reducing lead response time to seconds.
Google Places API
Dynamically fetches and filters 4+ star reviews for social proof.
03
The Solution
The UI was overhauled and edge-level SEO optimization was implemented to ensure flawless delivery of metadata.
Neumorphic Design Implementation
The UI was overhauled using 'Liquid Glass' and Neumorphism design principles built purely with Vanilla CSS. This styling choice differentiated the resort from competitors using generic templates, providing a tactile, premium feel on mobile devices. Key components such as the QuickContactFAB and detailed room galleries were heavily optimized.
Edge-Level SEO Optimization
Because SPAs often struggle with SEO, the team implemented a hybrid server-client metadata architecture. Using Cloudflare Pages Edge Functions, a catch-all handler intercepts requests and rewrites SEO tags (Open Graph, JSON-LD) before delivery. This guarantees that AI scrapers and search engine crawlers see fully populated metadata without needing to execute JavaScript.
Technical Highlight — Testing & Quality Assurance
While the project prioritized rapid delivery, the architectural foundation establishes a clear path for future quality assurance. The recommended testing strategy focuses on utilizing React Testing Library to verify form rendering and validation logic, specifically for the InquiryForm and LeadCapturePopup, and mocking network requests to validate the resilient failure handling of the Google Sheets and Telegram integrations.
04
Results
The transition to a custom React SPA delivered immediate business value. By prioritizing CTAs and direct bookings, the platform successfully modernized Tatvam Resort's digital presence.
Unmeasured
Previous System
21
Qualified Leads
in 60 days
Immediate business value
Standard web hosting
Previous Cost
₹0
Serverless Model
100% Cost Reduction
Free Google Sheets CRM
Manual/Email delays
Previous Process
< 2 seconds
Telegram Push
Instant Alert
Faster response rate
“Pixel Web Services' hard work resulted in a website with a modern, elegant look and feel. The detailed SEO implementation and overall design exceeded our expectations and truly reflects the premium experience of our resort.”
Owner
Tatvam Resort
05
Key Takeaways
Serverless architectures drastically reduce overhead
Combining Google Apps Script with Google Sheets provides a highly effective, zero-cost CRM solution for small-to-medium businesses.
Edge functions solve SPA SEO issues
You don't always need a heavy SSR framework like Next.js; edge-level HTML rewriting can ensure perfect metadata delivery for AI and search crawlers.
Design quality directly drives conversion
Moving from a generic WordPress theme to a bespoke Neumorphic interface directly contributed to capturing 21 leads in 60 days by building immediate brand trust.
Ready to elevate your hospitality business?
Let's talk about how we can build a high-performance digital presence that drives direct bookings.