Homestay booking service [NextJS]
Tech stack:
Next.js + React (App Router & Server Components), Tailwind CSS, TypeScript, WhatsApp redirect via wa.me, Custom Node api from static json, Vercel.
| Feature | What I Built or Updated |
|---|---|
| CMS & Listings | Configured headless CMS (custom API) to manage villa data, descriptions, amenities, images, FAQ entries, and contact details. Paired with Next.js getStaticProps and ISR for fast, SEO‑friendly page deployment. |
| Property Grid & Detail Pages | Utilized React Server Components to statically render listings. Each card shows thumbnails, price, location, and opens a detail page overlay with villa gallery, rating, amenities, and “Enquire via WhatsApp” link. |
| Mobile-first Styling & A11y | Developed custom modals with swipe support; Tailwind ensures responsive layouts and accessible text sizes. Added ARIA labels and keyboard focus traps in modals. |
| Static & Edge Optimizations | Deployed via Vercel with incremental static rehydration; preview deployments for each PR; fast Edge caching. Implemented Vercel Edge Config for dynamic property visibility settings. |
01 May 2025
Keywords
coding
mern stack
hotel booking
tech
design
cms site
