This site is up since 2014 and had since went thru many web change iterations [Site History]. We had evolved the site from AJAX/SPA to Pure Server Render to a now Non-Javascript Accessible site. The objective is to have a site that is DevOps-oriented development in Cloud platform. This site is to showcase our work and a playbox for real-time testing. As of the mantra, we always do "monitored, reliable releases".
Linting - Coding checks to ensure proper coding styles.
Compliance - Security and Lint checks. [OWASP check and Dependabots]
Accessibility - Integrated lighthouse to keep best-practises and accessibility at 100%.
"So what if something really breaks ?"
Checkout Tag and Redeploy
Face it, this happens with new experimentations. The workflow is built to handles fallback options:
Re-run the release tag in action workflow. Every pull-request is tracked via Release [list of releases] during merge workflow.
Revert via Vercel, but not applicable to GitHub Pages. Useful for API break changes.
A guaranteed revert process is less than 10minutes.
Accessibility (WCAG)
This Homepage can be browsed WITHOUT Javascript enabled!
We did it by relying on both PureCSS, Server Side Generation and ensuring non-critical usage for Javascript. The old homepage was Javascript heavy(Parallax Effect) and we encountered performance and accessibility issues.
This site can also be browsed with keyboard and text-readers.
We are going now commited with Web Accessibility; eventhough we are still in the learning phase. The best reliance is to run periodically test with Accessibility Checker and Chrome built-in Lighthouse.
The site is Trusted Web Activity(TWA) and Progressive(PWA) compatible.
Access from the search panel and type "pwa", once installed you can view our site anytime, anywhere with or without network.
Monitoring
"Dogfooding. We eat our own dogfood!"
Leverage Axiom's Open Telemetry to view API workflow
We use Axiom to stream OpenTelemetry data over. Using this data we can monitor our API's performance and application integration.
An alarm system if the website is ever down within 24hours. A dashboard is created as well to check on performance and region latency.
Blocks and monitor Attacks with Cloudflare
Our website and host request are filtered and securely protected with Cloudflare's Shield. On average, this website is bombarded 20 times a day.
Performance
"Maintaining standards with low latency."
Google Speed Insight
We maintain a good performance and accessibility. We use Lighthouse to monitored during deployment.
We page loading data with Google Analytics.
We occasionally monitor our websites loading performances so that we can keep our rating high for SEO. We also collect client' data ONLY if consensus is given; so...please accept the cookie. :)
Resources are serve with cache
All static resources are cache controlled with Cloudflare and NextJS and are served with Edge servers. It is configured to refresh for every deployment even for overrides.
