Preset PC builds
A home page widget assembles builds per use case from in-stock parts and swaps any sold-out part for an equivalent.
← All projects
Full-stack · WooCommerce · Performance
Tân Doanh
A WooCommerce storefront for PC hardware and prebuilt systems, rebuilt as a custom FSE block theme with Core Web Vitals tuning, an integrated PC configurator and real-time product sync from production.
Live demo at td.phatdev.net
- Role
- Design, theme development, performance
- Platform
- WordPress FSE, WooCommerce, Redis
- Version
- Theme 1.9.54
- Updates
- Self-hosted via phatdev.net
91 / 97
PageSpeed mobile / desktop, measured 12 Jul 2026
98 - 100
Lighthouse mobile on prebuilt PC landings
100
Accessibility and Best Practices
Highlights
Redesigned product pages
Per-variation gallery, four stock states plus pre-order, a sticky mobile buy bar and an installment calculator.
Live search and AJAX filters
Suggestions as you type; filter by brand, price and promotions without reloading.
AI performance tab
Compares a card's AI and render power (OctaneBench, V-Ray) with same-tier models using real benchmark data.
VAT invoice at checkout
Enter a tax code to auto-fill the company name and address and email the e-invoice.
Screenshots
Click an image to enlarge, use the arrow keys to browse.
On this page
Context
The tandoanh.vn store ran a heavy legacy theme with low PSI. It was rebuilt as an FSE block theme (tandoanh, currently 1.9.54), performance-first and focused on buying PCs.
Breakdown
FSE block theme
Header, footer and templates are blocks editable in the Site Editor; VI/EN i18n rendered server-side. Flatsome shortcodes stay compatible so legacy content does not break.
Performance (PSI-first)
Correct critical CSS, metric-matched font subsetting against CLS, WebP + lazy loading, script pruning.
WooCommerce
Redesigned home and product pages: per-variation gallery, four stock states plus pre-order, sticky mobile buy bar, an installment calculator module and a custom checkout.
Real-time mirror
Instant product, price and stock sync from production to staging (push-on-save + fingerprint reconcile).
Self-hosted updates
The theme updates itself from the phatdev.net update server, no third-party repository.
Highlight features
Preset PC builds
A home page widget assembles builds per use case (office, streaming, gaming, AI creator, workstation) from in-stock parts and swaps any out-of-stock part for an equivalent.
PC landing pages from real stock
Prebuilt PC pages use parts that are actually in stock. Lighthouse mobile scores 98 to 100 on these landings.
Live search
Instant product suggestions as you type (name, price, image).
AJAX filter
Filter by brand, price range and promotions; the grid updates without a reload.
AI performance tab (product page)
A chart comparing AI and render power (OctaneBench, V-Ray) against same-tier cards, from real benchmark data.
Company VAT invoice
Right at checkout: enter the tax code to auto-look-up the company name and address, and email the e-invoice.
Light / dark
Follows the device setting and remembers the visitor's choice. Accessibility and Best Practices score 100.
Measured performance (PSI)
Google PageSpeed, 12 Jul 2026:
- Mobile 91, LCP 3.0s, CLS 0.001
- Desktop 97, LCP 0.7s, CLS 0.002
Lab numbers vary because PSI runs from overseas servers with network throttling.
Compared to popular commercial themes
| Feature | Tân Doanh | Flatsome | WoodMart |
|---|---|---|---|
| Architecture | FSE block theme (modern WP) | UX Builder | Elementor / WPBakery |
| Built-in PC configurator | |||
| Real-time product mirror from production | |||
| AI / gaming performance tab on PDP | |||
| Company VAT invoice at checkout (tax lookup) | |||
| Redis object cache + Nginx tuning | ~ | ~ |
No heavy page-builder: hand-tuned for Core Web Vitals with bespoke commerce features.
License
GPL version 2 or laterGPL-2.0-or-later
Free software: anyone may use, change and share it, as long as shared copies keep this license and include the source code.
Developed for Tân Doanh.
- Theme tandoanh 1.9.54
GPL-2.0-or-laterDeclared in the code: themes/tandoanh/style.css (License: GNU General Public License v2 or later) - Plugin tandoanh-code 6.8.14
GPL-2.0-or-laterDeclared in the code: plugins/tandoanh-code/tandoanh-code.php (License: GPL v2 or later)
The screenshots on this page were taken by me from the running version of the project.
See the License and credits page →
Third-party libraries and resources (8)
Swipe sideways to see all columns.
| Name | License | Version | Type | Source |
|---|---|---|---|---|
| Select2Inside the tandoanh-code plugin. | MIT | 4.1.0-rc.0 | Library | select2.org |
| Be Vietnam Pro | OFL-1.1 | - | Font (in the theme) | fonts.google.com/specimen/Be+Vietnam+Pro |
| Inter | OFL-1.1 | - | Font (in the theme) | rsms.me/inter |
| Inter Tight | OFL-1.1 | - | Font (landing page) | fonts.google.com/specimen/Inter+Tight |
| JetBrains Mono | OFL-1.1 | - | Font (in the theme) | jetbrains.com/lp/mono |
| Font Awesome Free | CC-BY-4.0 AND OFL-1.1 AND MIT | 6.5.2 | Icon (admin area) | fontawesome.com/license/free |
| @wordpress/scripts | GPL-2.0-or-later | 30.27.0 | Tool (build tool) | developer.wordpress.org/block-editor/refe... |
| WUPO Group Attributes for WooCommerceThe group-attributes module of tandoanh-code was copied from this plugin (Freemius parts removed). | GPL-2.0-or-later | 2.3.6 | Origin code (copied in) | wordpress.org/plugins/wupo-group-attribut... |
Credit: Font Awesome Free by @fontawesome, https://fontawesome.com. Icons: CC BY 4.0, fonts: SIL OFL 1.1, code: MIT. Copyright Fonticons, Inc.
More projects
PixGamma
AI · macOS · Image restoration
CreditMate
iOS · Fintech · Privacy
SL Migrations
WordPress Plugin · PHP · Security
IGA (Infinity Gems)
Full-stack · WooCommerce · Redesign
Media Studio
AI · Full-stack · Content automation
PC Builder
WordPress Plugin · Full-stack
phatdev.net
Full-stack · Next.js · CMS
ERP Tân Doanh
Full-stack · ERP · Accounting
IGA Social
Product · Full-stack · AI content