--- title: "Tân Doanh" url: https://phatdev.net/en/projects/tandoanh-theme lang: en alternate: vi: https://phatdev.net/vi/projects/tandoanh-theme markdown: https://phatdev.net/en/projects/tandoanh-theme.md --- # 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. - Role: Full-stack · WooCommerce · Performance - Status: Live demo at td.phatdev.net - Technology: WordPress, WooCommerce, PHP, Redis, Nginx, FSE - Live site: https://td.phatdev.net - Docs and changelog: https://phatdev.net/docs/tandoanh-theme - All projects: https://phatdev.net/en/projects.md ## Project facts - Role: Design, theme development, performance - Platform: WordPress FSE, WooCommerce, Redis - Version: Theme 1.9.54 - Updates: Self-hosted via phatdev.net ## Metrics - 91 / 97: PageSpeed mobile / desktop, measured 12 Jul 2026 - 98 - 100: Lighthouse mobile on prebuilt PC landings - 100: Accessibility and Best Practices ## Highlights - **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. - **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. ## In-depth analysis ### 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 Developed for Tân Doanh. GPL version 2 or later (GPL-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. - Theme tandoanh 1.9.54: GPL-2.0-or-later (Declared 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-later (Declared in the code: plugins/tandoanh-code/tandoanh-code.php: License: GPL v2 or later; plugins/tandoanh-code/README.md: License: GPL v2 or later) ## Third-party libraries and resources (8) | Name | Type | Version | License | Source | |---|---|---|---|---| | Select2. Inside the tandoanh-code plugin. | Library | 4.1.0-rc.0 | MIT | https://select2.org | | Be Vietnam Pro | Font (in the theme) | - | OFL-1.1 | https://fonts.google.com/specimen/Be+Vietnam+Pro | | Inter | Font (in the theme) | - | OFL-1.1 | https://rsms.me/inter/ | | Inter Tight | Font (landing page) | - | OFL-1.1 | https://fonts.google.com/specimen/Inter+Tight | | JetBrains Mono | Font (in the theme) | - | OFL-1.1 | https://www.jetbrains.com/lp/mono/ | | Font Awesome Free | Icon (admin area) | 6.5.2 | CC-BY-4.0 AND OFL-1.1 AND MIT | https://fontawesome.com/license/free | | @wordpress/scripts | Tool (build tool) | 30.27.0 | GPL-2.0-or-later | https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/ | | WUPO Group Attributes for WooCommerce. The group-attributes module of tandoanh-code was copied from this plugin (Freemius parts removed). | Origin code (copied in) | 2.3.6 | GPL-2.0-or-later | https://wordpress.org/plugins/wupo-group-attributes/ | Credit: Font Awesome Free by @fontawesome, https://fontawesome.com. Icons: CC BY 4.0, fonts: SIL OFL 1.1, code: MIT. Copyright Fonticons, Inc. See the License and credits page: https://phatdev.net/en/licenses.md