Theweb.vn: a Headless Modular website platform
Our own website: from a traditional WordPress site to a Headless platform where every page, module and piece of content can grow without a rebuild.
- Client
- Theweb.vn · Business website platform
- Architecture package
- High performance (Headless)
- Delivered
- 10/31/2026
Removing the limits of the old platform
Challenge
The old site was built with a drag-and-drop page builder: slow to load, hand-assembled pages that drifted from the design, and multilingual content tied to a plugin.
Selling modules, payments and customer care lived in separate places, so every new feature meant starting over.
theweb.vn solution
We decoupled a Next.js front end from the WordPress core, with data flowing through GraphQL. The whole interface became 21 Figma-based blocks that compose a new page in minutes.
A WooCommerce module store, VNPay payments, the contact form and an AI assistant now share one platform, with leads going straight to the CRM portal.
Numbers that speak
- 88PageSpeed performance score on mobilemeasured Nov 2026
- 21Figma-based blocks reused across every page
- 2Languages (VI/EN), each page with its own translation
- 4 monthsFrom the first line of code to go-liveJul–Oct 2026
Power from the core technology
Headless Next.js + WordPress
A Next.js front end decoupled from the CMS, data over GraphQL, pages refresh when content changes.
21-block Page Builder
New pages are composed from Figma-based blocks, consistent in light/dark and desktop/mobile.
VI/EN multilingual
URLs, hreflang and the language switcher follow each translation, with no duplicate content.
Module store & VNPay
Modules sold through WooCommerce with VNPay checkout; customers track orders and download files.
AI assistant & CRM
The contact form and AI chat save leads to the CRM portal and alert sales on Telegram.
CI/CD & security
Staging deploys automatically, production on demand; rate limits and one-time preview links.
Modular delivery roadmap
- 01
Phase 1: Headless platform
Jul–Sep 2026Next.js + WordPress over GraphQL, a Figma-based Page Builder, blog, sub pages and VI/EN.
- 02
Phase 2: Sales & CRM
Oct 2026WooCommerce module store, VNPay payments, customer accounts; contact form and AI chat feed the CRM portal.
- 03
Phase 3: Operations & tuning
Nov 2026CI/CD for staging and production, speed tuning, a Content API for file-based publishing, the Projects page.
- 04
Phase 4: Marketing Automation & AI code
Coming nextBehaviour-based marketing automation; AI that helps write code and build new pages faster.
We used Theweb.vn as the first proving ground for our Modular architecture. Since going Headless, a new page is just a set of existing blocks, content is published straight from files, and sales, CRM and AI plug in without rebuilding the website.
PhiloDeveloper of Theweb.vnWant your website to run like Theweb.vn?
Book a consultation to choose the architecture and module roadmap that fits your business.