Next.js · 2026
S-House Design
Corporate site for a villa design-and-build studio: a bilingual, CMS-driven Next.js platform with cinematic GSAP motion.
- Project Year
- 2026
- Public Links
- 1
The problem
A villa design-and-build studio sells on visual impression, but its team also needed to publish projects, articles and hiring posts daily. A hand-coded site cannot do both.
Solution approach
- Built the visitor site on Next.js 16 server components with GSAP and Lenis motion, so the cinematic scroll the brand needs still ships as fast, indexable HTML.
- Gave staff a custom CMS admin for projects, articles, leads, applications, videos, categories, redirects and site settings, so every public page is editable without a deploy.
- Ran bilingual content end to end, Vietnamese and English, with a machine-translation pipeline and slug indexes so both locales stay in sync and linkable.
- Kept infrastructure boring on purpose: PostgreSQL for content, Cloudflare R2 for media with presigned uploads, Docker Compose for the production stack.
The outcome
- Live in production at nhadepshouse.com, serving as the studio's main sales channel and content hub.
- The team publishes new projects and articles through the admin instead of waiting on a developer, so the site stays current with actual delivered work.
04
Screens
Tech stack
Next.jsReactTypeScriptPostgreSQLCloudflare R2GSAPLenisTipTapDocker






