# Perxel | High-Performance Web Solutions

> Perxel Studio, boutique tech studio lập trình website hiệu năng cao và sản phẩm AI. Đồng hành cùng designer, agency và doanh nghiệp, từ Core Web Vitals đến MCP server kết nối AI với dữ liệu thật.

## Pages

- [Home](https://perxel.com): Perxel Studio, boutique tech studio lập trình website hiệu năng cao và sản phẩm AI. Đồng hành cùng designer, agency và doanh nghiệp, từ Core Web Vitals đến MCP server kết nối AI với dữ liệu thật.
- [Giới thiệu](https://perxel.com/about): Perxel Studio là tech studio do Phúc Bùi, một full stack developer nhiều năm kinh nghiệm, điều hành. Perxel là doanh nghiệp có pháp nhân tại Việt Nam.
- [Dịch vụ](https://perxel.com/services): Perxel chọn công nghệ phù hợp cho từng dự án, cân bằng giữa web animation, hiệu năng và ngân sách.
- [Liên hệ](https://perxel.com/contact): Sẵn sàng trao đổi về dự án của bạn? Gửi email hoặc nhắn tin qua Zalo cho Perxel.
- [Chi phí](https://perxel.com/pricing): Trước khi bắt đầu, bạn sẽ nhận một bản đề xuất chi tiết về scope, hạng mục bàn giao, tiến độ và mức đầu tư cố định cho dự án.
- [Reels](https://perxel.com/reels): Video ngắn về các sản phẩm và bài viết của Perxel.
- [Dự án](https://perxel.com/works): Đa dạng lĩnh vực và quy mô
- [Insights](https://perxel.com/insights): Chia sẻ từ thực tế lập trình: engineering, design, quy trình và AI-assisted development tích lũy qua các dự án website.
- [Sản phẩm](https://perxel.com/products): Plugin WordPress, công cụ cho developer và các dự án thực nghiệm do Perxel phát triển.
- [Hosting WordPress giảm 20%: Tino và Hostinger](https://perxel.com/wordpress-hosting): Perxel là boutique tech studio làm website WordPress, đối tác của Tino và Hostinger. So sánh nhanh hai nhà cung cấp và nhận ưu đãi 20% qua link hoặc mã PERXEL.

## Pages in English

- [Perxel | High-Performance Web Solutions](https://perxel.com/en): Perxel Studio is a boutique tech studio building high-performance websites and AI products. We work with designers, agencies and businesses, from Core Web Vitals to MCP servers that connect AI to real data.
- [Contact](https://perxel.com/en/contact): Ready to talk about your project? Email Perxel or message us on Messenger.
- [About](https://perxel.com/en/about): Perxel Studio is a boutique tech studio led by Phúc Bùi, a full stack developer with years of agency experience, and a registered company in Vietnam.
- [Services](https://perxel.com/en/services): Perxel picks the right technology for each project, balancing web animation, performance and budget.
- [Work](https://perxel.com/en/works): Projects across industries and sizes
- [Insights](https://perxel.com/en/insights): Notes from real projects: engineering, design and process, drawn from the websites Perxel has built.
- [Products](https://perxel.com/en/products): WordPress plugins, developer tools and experiments built by Perxel.
- [WordPress Hosting 20% Off: Hostinger and Tino](https://perxel.com/en/wordpress-hosting): Perxel is a boutique tech studio building WordPress sites, and a partner of Hostinger and Tino. Which one fits your site, and 20% off through our link or code PERXEL.
- [Pricing](https://perxel.com/en/pricing): Before we start, you get a detailed proposal covering the scope, deliverables, timeline and a fixed price for the project.
- [Reels](https://perxel.com/en/reels): Short videos about Perxel's products and posts.

## Works

- [OpenWallet](https://perxel.com/works/openwallet): Web app tra cứu, so sánh và tư vấn thẻ ngân hàng tại Việt Nam. Kiến trúc nhiều lớp với Next.js, API trên Cloudflare Workers và một lớp MCP cho AI Assistant.
- [Khatra Tile](https://perxel.com/works/khatra): Tái cấu trúc, thiết kế lại và mở rộng hệ thống website hơn 10 năm tuổi của một doanh nghiệp gạch ốp lát, trên WordPress và các custom plugin. Chuẩn hóa gần 800 sản phẩm, hơn 14.000 hình ảnh và giữ nguyên cấu trúc SEO.
- [Growtrics](https://perxel.com/works/growtrics): Creative website cho một EdTech startup tại Singapore. Next.js 16 và GSAP cho phần chuyển động, TinaCMS và Google Sheets API cho hạ tầng dữ liệu tinh gọn không backend.
- [DTA Luxury](https://perxel.com/works/dta-luxury): Website giới thiệu dịch vụ cho một agency du lịch cao cấp tại thị trường Úc. Hiện thực trên WordPress bằng Gutenberg block editor thuần, không page builder.
- [Website Perxel 2026](https://perxel.com/works/perxel-website): Perxel làm lại website của mình bằng Next.js, GSAP và Cloudflare Workers: nước dâng, cá voi vẽ bằng code, máy bay giấy tự gấp trên canvas. Bài viết chia sẻ cách làm, những ý tưởng đã bỏ, kết quả đo tốc độ và nguồn các tài nguyên đã sử dụng.
- [OpenWallet](https://perxel.com/en/works/openwallet): A web app to look up, compare and get advice on bank cards in Vietnam. A layered architecture with Next.js, an API on Cloudflare Workers and an MCP layer for AI assistants.
- [Khatra Tile](https://perxel.com/en/works/khatra): A rebuild, redesign and extension of a website more than 10 years old for a tile company, on WordPress with custom plugins. Close to 800 products and over 14,000 images standardised, with the SEO structure kept intact.
- [Growtrics](https://perxel.com/en/works/growtrics): A creative website for an EdTech startup in Singapore. Next.js 16 and GSAP for the motion, TinaCMS and the Google Sheets API for a lean data setup with no backend.
- [DTA Luxury](https://perxel.com/en/works/dta-luxury): A services website for a luxury travel agency in the Australian market. Built on WordPress with the plain Gutenberg block editor and no page builder.
- [Perxel website 2026](https://perxel.com/en/works/perxel-website): We rebuilt our own website with Next.js, GSAP and Cloudflare Workers: rising water, a whale drawn in code, a paper plane that folds itself on a canvas. Here is how we made it, the ideas we dropped, how we measured speed, and credits for the assets we used.

## Services

- [Lập trình WordPress Custom Theme](https://perxel.com/services/wordpress-custom-theme): Boutique studio Perxel làm website WordPress bằng custom theme viết riêng, từ website doanh nghiệp đến cửa hàng online WooCommerce. Tải nhanh, dễ quản trị, bàn giao toàn bộ mã nguồn.
- [Lập trình plugin WordPress](https://perxel.com/services/wordpress-plugins): Boutique studio lập trình và phát triển plugin WordPress theo tiêu chuẩn chính thống. Giải quyết bài toán vận hành, đồng bộ dữ liệu API và tự động hóa hệ thống.
- [Web animation](https://perxel.com/services/web-animation): Boutique tech studio đưa các bản thiết kế tĩnh lên trình duyệt bằng chuyển động và micro-interactions tự nhiên, tối ưu hiệu năng tải trang từ kinh nghiệm làm việc thực tế.
- [Website Next.js & Headless CMS](https://perxel.com/services/nextjs): Boutique tech studio lập trình website trên nền tảng Next.js kết hợp Headless CMS (TinaCMS, Prismic). Tối ưu hiệu năng tải trang tại hạ tầng Edge, biên tập trực quan và kiểm soát trọn vẹn chi phí vận hành.
- [Đối tác phát triển website](https://perxel.com/services/development-partner): Boutique tech studio đồng hành cùng creative agency và designer tự do, lập trình website từ thiết kế Figma, chủ động phản biện kỹ thuật và hỗ trợ chính sách white label chuyên nghiệp.
- [Giải pháp AI & Tích hợp hệ thống](https://perxel.com/services/ai-solutions): Boutique tech studio lập trình lớp API và giao thức MCP kết nối AI với dữ liệu doanh nghiệp, đồng hành quản trị API key, ngân sách và giám sát chất lượng theo tiêu chuẩn kỹ thuật.
- [SEO và GEO cho website](https://perxel.com/services/seo): Perxel xây cấu trúc trang theo từ khóa khách hàng thật sự tìm, để Google xếp hạng và các công cụ AI như ChatGPT, Gemini đọc đúng, trích dẫn đúng nội dung. Bàn giao website đạt 100 điểm SEO trên PageSpeed, trên website đang có hoặc website mới.
- [WordPress Custom Theme Development](https://perxel.com/en/services/wordpress-custom-theme): Boutique studio Perxel builds WordPress websites on custom themes written for each project, from company sites to WooCommerce online stores. Fast to load, easy to manage, with the whole codebase handed over.
- [WordPress Plugin Development](https://perxel.com/en/services/wordpress-plugins): Boutique studio building WordPress plugins to official standards. They solve operational problems, sync data through APIs and automate the system.
- [Web animation](https://perxel.com/en/services/web-animation): Boutique tech studio that brings static designs into the browser with natural motion and micro-interactions, with page-load performance tuned from real project experience.
- [Next.js & Headless CMS Websites](https://perxel.com/en/services/nextjs): Boutique tech studio building websites on Next.js with a headless CMS (TinaCMS, Prismic). Fast page loads at the edge, visual editing and full control of running costs.
- [Website Development Partner](https://perxel.com/en/services/development-partner): Boutique tech studio working alongside creative agencies and freelance designers, building websites from Figma designs with real technical feedback and professional white-label support.
- [AI Solutions & System Integration](https://perxel.com/en/services/ai-solutions): Boutique tech studio building the API layer and MCP protocol that connect AI to business data, with help managing API keys, budgets and quality monitoring to technical standards.
- [SEO & GEO for Websites](https://perxel.com/en/services/seo): Perxel builds the page structure around what your clients actually search for, so Google ranks it and AI tools like ChatGPT and Gemini read and cite it correctly. Handed over with a 100 SEO score in PageSpeed, on your current site or a new one.

## Insights

- [Perxel được duyệt vào Claude for Startups](https://perxel.com/insights/claude-for-startups): Perxel được Anthropic duyệt vào chương trình Claude for Startups, gồm API credit, một năm Claude Team và các ưu đãi từ những công ty xây dựng sản phẩm trên Claude.
- [Điểm SEO trên PageSpeed](https://perxel.com/insights/seo-score): Điểm SEO trên PageSpeed Insights kiểm tra mười lỗi kỹ thuật cơ bản. Năm website Perxel lập trình đều đạt 100, nhưng một trong số đó vẫn có lỗi canonical mà điểm số không phát hiện. Bài viết giải thích điểm này đo gì, bỏ sót gì và cách giữ điểm sau khi bàn giao.
- [GEO: để ChatGPT và Gemini đọc đúng website](https://perxel.com/insights/geo): GEO (Generative Engine Optimization) là phần việc giúp ChatGPT, Gemini hay Perplexity đọc đúng và nhắc đến website khi trả lời. Bài viết đi qua năm bước Perxel làm trên các website WordPress và Next.js: mở cửa cho bot AI, llms.txt, dữ liệu có cấu trúc, nguồn dữ liệu đầy đủ cho máy đọc và cách đo lượt truy cập từ AI.
- [Newsletter tự động với Brevo](https://perxel.com/insights/brevo-newsletter): Website đăng bài mới, sáng hôm sau người đăng ký nhận email giới thiệu bài đó mà không ai phải soạn hay bấm gửi. Cách làm newsletter tự động với gói miễn phí của Brevo, phù hợp với agency marketing và designer, developer độc lập.
- [Tối ưu tốc độ website Next.js](https://perxel.com/insights/nextjs-performance): Những gì Perxel đã làm để website Next.js nhiều animation của mình tải nhanh, chia theo nhóm: cách đo, giao diện, code, tài nguyên, script bên thứ ba và máy chủ Cloudflare Workers. Mỗi mục có số đo trước và sau, kèm điều kiện đo.
- [Lottie animation](https://perxel.com/insights/lottie-animation): Lottie là gì? Lottie giúp đóng gói animation thành file nhẹ và sắc nét để dùng trên website. Cùng tìm hiểu cách đổi màu theo brand, cách dùng trên WordPress, Next.js và thử vọc ngay trong bài.
- [TinaCMS & Next.js](https://perxel.com/insights/tinacms): Phân tích TinaCMS, giải pháp Headless CMS Git-backed hỗ trợ Click-to-Edit trực tiếp trên giao diện Next.js, không giới hạn ngôn ngữ và tối ưu chi phí duy trì dài hạn.
- [Prismic & Next.js](https://perxel.com/insights/prismic-headless-cms): Khám phá Prismic, giải pháp Headless CMS thương mại cho Next.js với Slice Machine, revalidate tự động qua webhook, giao diện quản trị thân thiện và hệ sinh thái developer mạnh.
- [So sánh TinaCMS và Prismic](https://perxel.com/insights/tinacms-vs-prismic): Phân tích ưu nhược điểm giữa TinaCMS (Click-to-Edit, Git-backed) và Prismic (giao diện hiện đại, agentic web platform) để chọn đúng CMS cho website Next.js.
- [Certified Developer by TinaCMS](https://perxel.com/insights/certified-tinacms-developer): Perxel chính thức nhận chứng nhận Certified Developer từ TinaCMS, đánh dấu bước chuẩn hóa bộ stack Next.js và TinaCMS qua dự án Atlas Robotics.
- [Meet Nectarblocks](https://perxel.com/insights/nectarblocks): Perxel đã dùng NectarBlocks qua nhiều dự án WordPress custom theme thực tế. Đây là đánh giá thẳng thắn về cách Perxel thực sự dùng công cụ này khi lập trình, không phải bài giới thiệu tính năng.
- [Cross-device & Cross-browser testing](https://perxel.com/insights/cross-browser-cross-device): Một phạm vi testing rõ ràng về browser, device và screen size giúp agency và khách hàng tránh hiểu nhầm về mức độ tương thích của website, và giúp development team tập trung effort vào những môi trường thực sự quan trọng.
- [Figma handoff](https://perxel.com/insights/figma-handoff): Một Figma file đầy đủ là nền tảng tốt cho development. Trong quá trình chuyển design thành website production, sự trao đổi giữa designer và developer giúp những quyết định về responsive, typography, interaction và animation được thể hiện đúng với design intent.
- [No-code hay Custom Development](https://perxel.com/insights/no-code-vs-custom-development): No-code không phải lúc nào cũng rẻ hơn khi tính cả vòng đời website. Đây là cách agency nên đánh giá độ phức tạp thiết kế, cấu trúc trang và vòng đời website trước khi chọn công nghệ.
- [PageSpeed Insights & Core Web Vitals](https://perxel.com/insights/pagespeed): Cách đọc một báo cáo PageSpeed Insights: điểm lab khác dữ liệu người dùng thật (CrUX) thế nào, từng chỉ số Core Web Vitals nghĩa là gì, ba trường hợp thật từ các website Perxel làm, và cách Perxel tối ưu tốc độ cho WordPress và Next.js.
- [Danh sách plugin WordPress khuyến nghị](https://perxel.com/insights/wordpress-plugin-list): Hiệu năng website không bị quyết định bởi số lượng plugin, mà bởi chất lượng mã nguồn của từng plugin. Đây là các plugin nền tảng Perxel dùng, cùng phân tích chi phí và điều gì xảy ra khi hết hạn bản quyền.
- [The SEO score in PageSpeed](https://perxel.com/en/insights/seo-score): The SEO score in PageSpeed Insights checks ten basic technical issues. Five sites Perxel built all score 100, yet one of them still had a canonical bug the score never caught. What the score measures, what it misses, and how to keep it after handover.
- [GEO: helping ChatGPT and Gemini read your website](https://perxel.com/en/insights/geo): GEO (Generative Engine Optimization) is the work that helps ChatGPT, Gemini and Perplexity read a website correctly and mention it in their answers. Five steps we take on WordPress and Next.js sites: letting AI bots in, llms.txt, structured data, a full machine-readable source and measuring traffic from AI.
- [Perxel approved for Claude for Startups](https://perxel.com/en/insights/claude-for-startups): Anthropic has approved Perxel for the Claude for Startups program, with API credits, a year of Claude Team and offers from companies building on Claude.
- [An automatic newsletter with Brevo](https://perxel.com/en/insights/brevo-newsletter): The site publishes a post, and the next morning subscribers get an email about it. Nobody writes or sends anything. How to set up an automatic newsletter on Brevo's free plan, and why it suits marketing agencies and independent designers and developers.
- [Next.js performance](https://perxel.com/en/insights/nextjs-performance): What we did to make our own animation-heavy Next.js site load fast, grouped by area: measuring, UI, code, assets, third-party scripts and hosting on Cloudflare Workers. Every item comes with before and after numbers and how they were measured.
- [Lottie animation](https://perxel.com/en/insights/lottie-animation): What is Lottie? It packs an animation into a light, sharp file you can use on a website. Learn how to recolour it to your brand, how to use it on WordPress and Next.js, and try it out right in the article.
- [TinaCMS & Next.js](https://perxel.com/en/insights/tinacms): A look at TinaCMS, a Git-backed headless CMS with click-to-edit on the Next.js interface, no language limits and low long-term running cost.
- [Prismic & Next.js](https://perxel.com/en/insights/prismic-headless-cms): A look at Prismic, a commercial headless CMS for Next.js with Slice Machine, automatic revalidation through webhooks, a friendly editor and a strong developer ecosystem.
- [TinaCMS vs Prismic](https://perxel.com/en/insights/tinacms-vs-prismic): The strengths and weaknesses of TinaCMS (click-to-edit, Git-backed) and Prismic (modern editor, agentic web platform), to help you choose the right CMS for a Next.js website.
- [Certified Developer by TinaCMS](https://perxel.com/en/insights/certified-tinacms-developer): Perxel has received the Certified Developer badge from TinaCMS, a step in standardising the Next.js and TinaCMS stack through the Atlas Robotics project.
- [Meet NectarBlocks](https://perxel.com/en/insights/nectarblocks): Perxel has used NectarBlocks across several real WordPress custom theme projects. This is a plain review of how it is actually used when building, not a feature tour.
- [Cross-device & cross-browser testing](https://perxel.com/en/insights/cross-browser-cross-device): A clear testing scope for browsers, devices and screen sizes keeps agencies and clients from misreading how compatible a website is, and lets the development team spend effort on the environments that matter.
- [Figma handoff](https://perxel.com/en/insights/figma-handoff): A complete Figma file is a solid base for development. Between design and a production website, a good exchange between designer and developer keeps the decisions on responsive behaviour, typography, interaction and animation true to the design intent.
- [No-code or custom development](https://perxel.com/en/insights/no-code-vs-custom-development): No-code isn't always cheaper once you count the whole life of a website. Here is how an agency can weigh design complexity, page structure and lifespan before choosing a technology.
- [PageSpeed Insights & Core Web Vitals](https://perxel.com/en/insights/pagespeed): How to read a PageSpeed Insights report: how lab scores differ from real-user data (CrUX), what each Core Web Vital means, three real cases from sites we built, and how we optimise WordPress and Next.js sites.
- [Recommended WordPress plugins](https://perxel.com/en/insights/wordpress-plugin-list): Website performance isn't decided by how many plugins are installed but by the code quality of each one. These are the foundation plugins Perxel uses, with a look at cost and what happens when a licence expires.

## Products

- [Spotlight](https://perxel.com/products/spotlight): Ô tìm kiếm cho website, giống Spotlight trên máy Mac. Người dùng tìm thấy trang cần xem ngay khi đang gõ, đặt câu hỏi và nhận câu trả lời từ chính nội dung website, hoặc mở form liên hệ, tất cả trong một ô.
- [Perxel Social Kit](https://perxel.com/products/perxel-social-kit): Công cụ mã nguồn mở tạo ảnh và video ngắn cho mạng xã hội từ template React: viết một bài đăng, kit render đủ các kích thước vuông, 16:9 và 9:16. Kit cũng tạo ảnh và video minh họa cho bài viết trên website từ một file công thức.
- [Perxel Accordion for TinyMCE](https://perxel.com/products/perxel-accordion-for-tinymce): Plugin mã nguồn mở thêm nút tạo accordion vào Classic Editor của WordPress. Xem trước ngay trong tab Visual, hiển thị trên frontend theo chuẩn accessibility, không cần cấu hình và không lưu gì vào database.
- [Foldables](https://perxel.com/products/foldables): Bộ khung marketing website xây dựng để kiểm chứng stack Next.js, Prismic và Cloudflare Workers trong một dự án thực tế, từ content modeling qua CLI đến preview và deploy.
- [Perxel AI Translate](https://perxel.com/products/perxel-ai-translate): Plugin WPML AI Translation mã nguồn mở, dịch hàng loạt bài viết WordPress sang các ngôn ngữ của WPML bằng model AI bạn chọn qua OpenRouter. Trả tiền trực tiếp cho OpenRouter, không dùng credit của WPML, xem trước chi phí trước khi chạy.
- [Perxel Image Optimizer](https://perxel.com/products/perxel-image-optimizer): Plugin mã nguồn mở chuyển ảnh WordPress sang WebP ngay trên máy chủ, không cần API key hay dịch vụ bên thứ ba. Hỗ trợ xử lý hàng loạt trên shared hosting và dễ dàng gỡ bỏ khi không còn sử dụng.
- [Atlas Robotics](https://perxel.com/products/atlas-robotics): Bộ khung marketing website B2B và công nghệ, xây dựng để kiểm chứng stack Next.js, TinaCMS và Cloudflare Workers trong một dự án thực tế với nội dung đa ngôn ngữ.
- [WP Plugin Toolkit](https://perxel.com/products/wp-plugin-toolkit): Bộ khung mã nguồn mở để dựng plugin WordPress: template repo có sẵn autoloading, CI kiểm chuẩn và quy trình phát hành, đi kèm bộ giao diện admin dùng chung. Perxel dùng chính bộ này cho mọi plugin của mình.
- [Spotlight](https://perxel.com/en/products/spotlight): A search box for your website, like Spotlight on a Mac. Visitors find any page as they type, ask a question and get an answer from your own content, or reach your contact form, all from one place.
- [Perxel Social Kit](https://perxel.com/en/products/perxel-social-kit): An open-source tool that makes social images and short videos from React templates: write a post once and the kit renders it square, 16:9 and 9:16. It also makes the images and clips for a site's blog posts from a recipe file.
- [Perxel Accordion for TinyMCE](https://perxel.com/en/products/perxel-accordion-for-tinymce): An open-source plugin that adds an accordion button to the WordPress Classic Editor. Preview it in the Visual tab, show it on the frontend with accessible markup, no setup and nothing saved to the database.
- [Foldables](https://perxel.com/en/products/foldables): A marketing website starter built to test the Next.js, Prismic and Cloudflare Workers stack on a real project, from content modelling through the CLI to preview and deploy.
- [Perxel AI Translate](https://perxel.com/en/products/perxel-ai-translate): An open-source WPML AI translation plugin that bulk-translates WordPress posts into your WPML languages with the AI model you choose through OpenRouter. You pay OpenRouter directly, not WPML credits, and see the cost before you run.
- [Perxel Image Optimizer](https://perxel.com/en/products/perxel-image-optimizer): An open-source plugin that converts WordPress images to WebP on your own server, with no API key or third-party service. It handles bulk conversion on shared hosting and is easy to remove when you no longer need it.
- [Atlas Robotics](https://perxel.com/en/products/atlas-robotics): A starter for B2B and technology marketing websites, built to test the Next.js, TinaCMS and Cloudflare Workers stack on a real multi-language project.
- [WP Plugin Toolkit](https://perxel.com/en/products/wp-plugin-toolkit): An open-source foundation for building WordPress plugins: a template repo with autoloading, standards checks in CI and a release workflow, plus a shared admin UI kit. Perxel uses it for every plugin it builds.

## About

- **Founder**: Phúc Bùi
- **Email**: hello@perxel.com
- **Location**: Vietnam (serving clients worldwide)
- **Specialties**: WordPress custom theme, custom plugin development, web animation (GSAP), responsive frontend, PageSpeed and Core Web Vitals, Next.js, AI products and integrations, MCP servers, React, Tailwind CSS
- **Language**: Vietnamese at the root, English under /en

## Engagement Models

- **Project**: Fixed-price builds, from single landing pages to full business websites.
- **Dev Partner**: Ongoing collaboration for agencies and studios (agreed monthly hours).
- **Workshop and Consultation**: Technical direction, architecture, code review, knowledge sharing.