feat: Add static slug for province detail page

[Namchee]

Closes #288

Description

Generate static slugs for all provinces and apply all related changes to the client side code.

Current Tasks

• Generate slug from the etc/fetcher, slugify the title, e.g: DKI Jakarta will be dki-jakarta
• Use the slug on the client side, without any additional index
• Test the functionality

[netlify]

✔️ Deploy Preview for wargabantuwarga ready!

🔨 Explore the source changes: 5fe61d8

🔍 Inspect the deploy log: https://app.netlify.com/sites/wargabantuwarga/deploys/60fd79f351069000070fa1d9

😎 Browse the preview: https://deploy-preview-361--wargabantuwarga.netlify.app

[Namchee]

This PR is waiting for #313 to be resolved first, as slug generation depends on getKebabCase

[zainfathoni]

This PR is waiting for #313 to be resolved first, as slug generation depends on getKebabCase

#313 has been merged, @Namchee, so you can continue working on this PR.
Thanks!

[codecov]

Codecov Report

Merging #361 (5fe61d8) into main (cf1637d) will increase coverage by 1.62%.
The diff coverage is 28.57%.

@@            Coverage Diff             @@
##             main     #361      +/-   ##
==========================================
+ Coverage   25.34%   26.96%   +1.62%     
==========================================
  Files          66       66              
  Lines         864      864              
  Branches      253      252       -1     
==========================================
+ Hits          219      233      +14     
+ Misses        641      627      -14     
  Partials        4        4              

Impacted Files	Coverage Δ
etc/fetchers/fetch-sheets.ts	0.00% <0.00%> (ø)
pages/provinces/[provinceSlug]/index.tsx	0.00% <0.00%> (ø)
lib/provinces.ts	16.66% <25.00%> (+16.66%)	⬆️
pages/provinces/index.tsx	57.14% <100.00%> (+57.14%)	⬆️
lib/string-utils.ts	50.00% <0.00%> (+5.55%)	⬆️
lib/date-utils.ts	60.00% <0.00%> (+60.00%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cf1637d...5fe61d8. Read the comment docs.

[zainfathoni]

Please fix the CI checks, @Namchee, thanks! 🙏

[Namchee]

@zainfathoni the netlify build will always fail since I added a new static property slug when generating data with etc/fetchers. The new format isn't generated when netlify executes yarn build which will cause provinceSlug to be undefined thus causing next build to throw errors (as it expects the slug to be at least null or empty string).

Can we make sure that the app fetches fresh data before any build?

[zainfathoni]

@zainfathoni the netlify build will always fail since I added a new static property slug when generating data with etc/fetchers. The new format isn't generated when netlify executes yarn build which will cause provinceSlug to be undefined thus causing next build to throw errors (as it expects the slug to be at least null or empty string).

Can we make sure that the app fetches fresh data before any build?

You can temporarily revert this line into using the fetch-wbw script again, so that we can merge this PR to the main branch.
Once it has been merged to the main branch, the mirror-box script gets the latest version of your fetch-wbw.js implementation after a few minutes. After that, you can raise another PR to revert your changes to use the mirror-box again. 😅

I know it's a hassle, but I don't think we need to optimize this workflow, because #374 is coming soon anyway, and it will render both fetch-wbw and mirror-box useless. 😅

[Namchee]

Side note: The test is really minimal, just to pass codecov. I'll put other tests if we have guidelines for it.

[zainfathoni]

LGTM 💯

Thanks for working on it, @Namchee! 🙏

[zainfathoni]

I just created a new issue #412 to revert back the one-line change you made to get this PR merged, @Namchee. 😁

[zainfathoni]

This PR is waiting for #313 to be resolved first, as slug generation depends on getKebabCase

Once my #394 PR is merged, you can work on it to close the #413 ticket. 😁