A society initiative to circulate information about health facilities and devices for COVID-19.
TThe purpose of this website is to republish publicly accessible Google Docs to be more mobile-friendly and performant.
Why using Google Docs?
We are using Google Docs so that our content contributors can collaborate easily without the hassle of conventional CMSes.
What we're striving for:
Our website must be high-performant because our audience spread across Indonesia with varying types of devices and network speed. A good measurement of it is Google's Core Web Vitals.
Our website must be accessible so that we can reach more users and help more people.
Any information posted on our website must be up-to-date to the latest version that our content editors published. We can tolerate delays to a certain degree for the sake of web performance, but it should be limited to less than an hour.
What we're going against:
We can't afford to hurt web performance or to provide outdated information just for the sake of the beauty of the website.
We must carefully consider any additional client-side libraries that we include on the website. Unless its benefits outweigh the trade-off that we have to pay, we should avoid adding the functionality. Even if it is proven to be beneficial, we should strive to implement it in the best possible way. An excellent example of it is Google Analytics.
For any improvements on the website, we should continuously measure its impact on the Core Web Vitals. If proven to hurt the metrics, we should revert the changes and find another way to implement them without degrading the performance.
First, install dependencies and fetch data to your local machine
cd wargabantuwarga.com
yarn install
yarn fetch-wbwThen, run the development server:
yarn devOpen http://localhost:3000 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
See our contributing guidelines.