Laboratory validation & environmental testing website + inquiry system
2026
SYE (Sheng Yang Environmental Technology) is an environmental testing company for the pharmaceutical and biomedical fields, positioned as the "space experience specialist for pharma and biomedicine". SYE provides laboratory validation, cleanroom environmental testing, indoor air quality (IAQ) monitoring, water quality testing, occupational safety & health, and ESG environmental services. With 53 TAF-accredited items (all five categories passed), a MOENV testing agency license and the SNQ national quality mark, SYE serves hospitals, pharmaceutical plants and laboratories of all kinds (cleanrooms, negative-pressure labs, BSL-3, biosafety cabinets), under the brand promise "Data proves safety, expertise earns trust".
The frontend is built with Astro 6 SSR and Vue 3 Islands, presenting a deep-blue brand identity — "Invisible safety, guarded by us" — that conveys services compliant with ISO 17025/17020, NEBB, NSF/ANSI 49, ISO 14644 and PIC/S GMP standards, and reaches international clients through a fully bilingual architecture.
The backend runs on Laravel + GraphQL with an admin panel built on Filament. The four service pillars, case studies, certifications, news, page content and integrated inquiry inbox are all maintainable from the backend, deployed on Cloudflare Pages to fully support day-to-day testing operations.
Deep-blue gradient hero "Invisible safety, guarded by us" with a 2×2 service entry grid plus floating TAF accreditation and MOENV license cards to build professional trust
Laboratory operations, facility maintenance, occupational safety & health, and environment & ESG — service list and detail pages presenting test items and standards in full
Success stories across biomedical, manufacturing, and public sectors with quantified outcomes (e.g. 30 Class II BSCs validated in 4 weeks, HEPA leakage < 0.01%)
TAF accreditation, MOENV testing agency license, SNQ quality mark and more, with certificate detail pages backing up testing credibility
Cross-service consolidated inquiries written to the admin panel with sales notifications, shortening the quotation cycle
Technical article downloads and regulatory news publishing to establish industry thought leadership
Fully mirrored / and /en/ bilingual architecture with hreflang mapping to serve international clients
Services, cases, certifications, news, page content (PageContent) and inquiry inbox all maintainable from the admin panel — no engineer required for daily operations
The frontend is built with Astro 6 in server-side rendering (SSR) mode. Above-the-fold content is fetched from the backend and pre-assembled on the server, so SEO crawlers and social share previews always receive complete content. Interactive components use the Vue 3 Islands architecture with client:idle deferred hydration, prioritizing SEO output while keeping load performance excellent.
All data exchange between frontend and backend goes through GraphQL, with a Laravel backend and an ofetch-based API client on the frontend. Requests carry Content-Language and Time-Zone headers so services, cases, certifications and news respond correctly per locale and timezone. The type-safe schema keeps collaboration smooth and lets the frontend fetch exactly the fields it needs.
Bilingual routing is implemented with a localizeHref utility and a LocaleSwitcher component — / for Traditional Chinese and /en/ as a full English mirror — with hreflang tags output on every page. Backend content also supports bilingual fields, giving international clients a consistent reading experience.
The inquiry form supports consolidated cross-service submissions: clients can tick multiple testing needs at once and leave contact details. Data is written to the admin inquiry inbox via an API route with sales notifications, shortening the quotation cycle and preventing missed leads.
The admin panel is built with Filament, covering the four service pillars, case studies, certifications, knowledge base and news, and the inquiry inbox. A PageContent mechanism lets homepage copy be overridden from the backend, so the client can operate the site without engineering support.
Deployed to Cloudflare Pages via Wrangler for global CDN edge acceleration. Styling is managed with the Tailwind CSS 4 @theme design system for unified brand colors and spacing, and a built-in site search dialog helps visitors quickly find testing services and technical articles.
CONTACT US
Whether it's a corporate website, service catalog, inquiry inbox workflow, or a Filament admin panel, we can tailor the right solution for you.
Contact Us
