diff --git a/CHANGELOG.md b/CHANGELOG.md
index f79ab0fc..e44e6585 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,88 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.2.0](https://github.com/theodorusclarence/theodorusclarence.com/compare/v3.1.0...v3.2.0) (2024-06-04)
+
+
+### Features
+
+* add additional section to note about reusable component ([8b9a3ee](https://github.com/theodorusclarence/theodorusclarence.com/commit/8b9a3ee634c5cd9689b12734bff2b7c9ace3b769))
+* add animation when like button is still null ([11186c2](https://github.com/theodorusclarence/theodorusclarence.com/commit/11186c266ce0862f0b38637d494a86c2632db80d))
+* add blog structured data to seo ([c06e9e6](https://github.com/theodorusclarence/theodorusclarence.com/commit/c06e9e6a75a25cfe9acb1691d9a410c77d81e043))
+* add carbon ads ([592b44e](https://github.com/theodorusclarence/theodorusclarence.com/commit/592b44ef09e1a53fc0e0a1b0b695dd35c151a3db))
+* add code highlighting ([38c3dbf](https://github.com/theodorusclarence/theodorusclarence.com/commit/38c3dbf5f80da8e1056e958b3d5f48d421da8547))
+* add comma to thousands in GithubCard ([77451d4](https://github.com/theodorusclarence/theodorusclarence.com/commit/77451d49334adbac6d2ca14af18dbf82a86f291a))
+* add conditional link short ([5c9d871](https://github.com/theodorusclarence/theodorusclarence.com/commit/5c9d8711ad350809386ab2a79168534c5b6240ff))
+* add derived state short ([ab3ef9a](https://github.com/theodorusclarence/theodorusclarence.com/commit/ab3ef9a763f9a82e7f91769fc0fcd666eae0a467))
+* add direct url ([8df5853](https://github.com/theodorusclarence/theodorusclarence.com/commit/8df585365fbd022814bad91785b8f460399cb82d))
+* add mdx-hot-reload shorts ([5c9bdaa](https://github.com/theodorusclarence/theodorusclarence.com/commit/5c9bdaa024d41c95328338add90e93ed43ea079a))
+* add more context about rest and spread ([f44bb4e](https://github.com/theodorusclarence/theodorusclarence.com/commit/f44bb4e830dd1cd1332eff58c955510f95f9898c))
+* add more context to mdx-hot-reload ([b319ccc](https://github.com/theodorusclarence/theodorusclarence.com/commit/b319cccd1e5ad88e2cdb8578bfb8727aca2a5a0f))
+* add more context to rest ([e093c2f](https://github.com/theodorusclarence/theodorusclarence.com/commit/e093c2f257b9d57331bc59f159056044de01d00f))
+* add prisma link ([2ccd436](https://github.com/theodorusclarence/theodorusclarence.com/commit/2ccd436b620b52a396ff59d4a143b100b373f7b8))
+* add react-hydration ([7a0162a](https://github.com/theodorusclarence/theodorusclarence.com/commit/7a0162a931f123fccd2e8d5338aace834ef752c5))
+* add redirect from library ([4f00bb7](https://github.com/theodorusclarence/theodorusclarence.com/commit/4f00bb7ac6d52a0b793c3f1fb2a8ca5bb4778901))
+* add setup ([d79aeb7](https://github.com/theodorusclarence/theodorusclarence.com/commit/d79aeb77fa7874827fdafbdd39bd879ee38e4d13))
+* add size cap of 1000 to mdx images ([4b232c0](https://github.com/theodorusclarence/theodorusclarence.com/commit/4b232c009a30c8be0688292974b67529fc4f6363))
+* add tags to open graph ([a563d39](https://github.com/theodorusclarence/theodorusclarence.com/commit/a563d39100544fa0e070b4cf53e8a882d3e05a6b))
+* add tracker for now ([eb131f1](https://github.com/theodorusclarence/theodorusclarence.com/commit/eb131f19332d4ae7037f6a821185a5e3da4dd814))
+* add tracker to sponsor ([d2278ed](https://github.com/theodorusclarence/theodorusclarence.com/commit/d2278eda7287a026975f9051ad2c85fccd2369b2))
+* add vscode tips ([028aa45](https://github.com/theodorusclarence/theodorusclarence.com/commit/028aa4545d68fd6899d746ad82f1b732ed846af8))
+* add work title in landing page ([2e34ee4](https://github.com/theodorusclarence/theodorusclarence.com/commit/2e34ee4172ae994db21f9bacb6deda00561e36c5))
+* allow mdx to use nested contents ([f83bfc9](https://github.com/theodorusclarence/theodorusclarence.com/commit/f83bfc9fec6629308b56c8d9056576b34a33beea))
+* allow to add repost blog canonical ([6afe483](https://github.com/theodorusclarence/theodorusclarence.com/commit/6afe4838e9f29de41e19d2c1f2493ba17d001663))
+* **blog:** add 2023-retrospective ([5bb78ca](https://github.com/theodorusclarence/theodorusclarence.com/commit/5bb78ca0a6ec3e49158df48d0c03735807693512))
+* **blog:** add advanced react patterns ([c5ef548](https://github.com/theodorusclarence/theodorusclarence.com/commit/c5ef5486a6c3eb767f2f1f652bb73d5e9f57354d))
+* **blog:** add fully-reusable-components ([d95bdf1](https://github.com/theodorusclarence/theodorusclarence.com/commit/d95bdf19832a740a8d59b90e0d7e2b3162780dfc))
+* **blog:** add nextjs-auth-hoc ([3d9d556](https://github.com/theodorusclarence/theodorusclarence.com/commit/3d9d556e4399c1d7f98c9ec1d38ceafd1ef31f72))
+* **blog:** add nextjs-boilerplate-2023 ([caa4a53](https://github.com/theodorusclarence/theodorusclarence.com/commit/caa4a53192225b49ea1a8dd24b140adc92797b27))
+* **blog:** add quote to 2022-retrospective ([8cd1c50](https://github.com/theodorusclarence/theodorusclarence.com/commit/8cd1c501272e9043ef2430f860f3612b856c0493))
+* **blog:** typo in nextjs-fetch-method ([a61a470](https://github.com/theodorusclarence/theodorusclarence.com/commit/a61a470138ed9fcb2220e3c2d6a8499332ac79f8))
+* **blog:** update hoc to array const ([a07ac82](https://github.com/theodorusclarence/theodorusclarence.com/commit/a07ac82e373a3d008f77bdc533eaa831b78f858d))
+* **blog:** update one-stop-starter ([b340b71](https://github.com/theodorusclarence/theodorusclarence.com/commit/b340b71f8445c39d4fd542d3861d523c6708b707))
+* change code highlight words color ([6ed314d](https://github.com/theodorusclarence/theodorusclarence.com/commit/6ed314d94f323cc68fc55ae31ab31ae6ce5d5c74))
+* change dark background theme ([283336f](https://github.com/theodorusclarence/theodorusclarence.com/commit/283336f9effd761b5a931b32cd1cbde6693834b5))
+* editorial for fully-reusable-components ([81092ee](https://github.com/theodorusclarence/theodorusclarence.com/commit/81092ee3da0b234667ebd9f9681f0cef1e6b18ca))
+* feature blog retro ([b7960a9](https://github.com/theodorusclarence/theodorusclarence.com/commit/b7960a902e9e62329e0c4491359005c9e3d17d24))
+* feature react-hydration ([2eceada](https://github.com/theodorusclarence/theodorusclarence.com/commit/2eceada4756e7d3e44366198b866bb2aa60c52c0))
+* get latest recommendations ([2bd22cd](https://github.com/theodorusclarence/theodorusclarence.com/commit/2bd22cd643cd809165efc751ad1dc242c250e9ce))
+* migrate to react-query ([e932b95](https://github.com/theodorusclarence/theodorusclarence.com/commit/e932b95cc2085f931c62e05c5df7e71f75c8dff9))
+* move docs content to shorts ([6cdd42c](https://github.com/theodorusclarence/theodorusclarence.com/commit/6cdd42c0e6a5d402b1c7a09a9981962f49f5080e))
+* rebrand library to shorts ([20175c7](https://github.com/theodorusclarence/theodorusclarence.com/commit/20175c780672fa140dd1f4e395b9be9e1b252e73))
+* remove trf page ([19a9254](https://github.com/theodorusclarence/theodorusclarence.com/commit/19a92542d37a55c041c8027d9522181117abe449))
+* revert back to umami thcl ([b9c38e1](https://github.com/theodorusclarence/theodorusclarence.com/commit/b9c38e13004684b9ca6ce50d29c351fc9f3315d7))
+* separate npm and nvm ([f412dbf](https://github.com/theodorusclarence/theodorusclarence.com/commit/f412dbff111c2ecab3549ed6b84aa51d6a679582))
+* set banner image gravity to auto ([ede6f15](https://github.com/theodorusclarence/theodorusclarence.com/commit/ede6f15f38075b98715c1b87c421b2fbbe4a5615))
+* set image to unoptimized ([1814aec](https://github.com/theodorusclarence/theodorusclarence.com/commit/1814aecf5c950484d9da7ebd3b96a7808c19e087))
+* set spotify image to unoptimized ([aa2a608](https://github.com/theodorusclarence/theodorusclarence.com/commit/aa2a608a296427fab0c3679f697604646340ee3d))
+* temporarily use vercel tracker ([cd41532](https://github.com/theodorusclarence/theodorusclarence.com/commit/cd4153209ff0ace40b717bdb2435734d6eb6b691))
+* update about page ([e4ace2c](https://github.com/theodorusclarence/theodorusclarence.com/commit/e4ace2c6d5ff01af6c9ac197db6c0951a2261067))
+* update carbon ad copy ([5222658](https://github.com/theodorusclarence/theodorusclarence.com/commit/5222658b71ea9b1f98afe49bf10cf52deb3f47e3))
+* update fully-reusable-components to use interface ([51434de](https://github.com/theodorusclarence/theodorusclarence.com/commit/51434dee9b17fa3a4a4c597b4f8d19130e560d8e))
+* update husky short ([af1d724](https://github.com/theodorusclarence/theodorusclarence.com/commit/af1d724ba9de296da8738d4cbb3cffbc2ede40b2))
+* update nextjs-fetch-method ([800e0a7](https://github.com/theodorusclarence/theodorusclarence.com/commit/800e0a7adaf969678d5998d62b58716102e83f71))
+* update redirect for old library ([3474c53](https://github.com/theodorusclarence/theodorusclarence.com/commit/3474c53966e9211ca51bf56fdc415178a2ed3f19))
+* update retro image ([637bc65](https://github.com/theodorusclarence/theodorusclarence.com/commit/637bc65f04a2578d7519ac4789803f27e944d612))
+* update setup ([368f274](https://github.com/theodorusclarence/theodorusclarence.com/commit/368f274fdab4c1e2ebaad8c426b8582b10157706))
+* update setup ([df9c000](https://github.com/theodorusclarence/theodorusclarence.com/commit/df9c00002503660d78abe39f63fe2e3376f9d8c2))
+* update SubscribeCard to substack ([0b9a7d1](https://github.com/theodorusclarence/theodorusclarence.com/commit/0b9a7d10a3ef7cc8afb3d4c3487ce251c6e62d44))
+* update tech stacks ([d48647c](https://github.com/theodorusclarence/theodorusclarence.com/commit/d48647c055d4072d9d85ae7eb8a9a8ce5eddd4af))
+* update to pnpm ([1ae31b7](https://github.com/theodorusclarence/theodorusclarence.com/commit/1ae31b71467986bc2cb2437ef67caef79f4b3a32))
+* update umami event tracker ([16f0476](https://github.com/theodorusclarence/theodorusclarence.com/commit/16f047680d175121a07e35b38ed24d2c569017f7))
+* upgrade to react 18 ([a146f33](https://github.com/theodorusclarence/theodorusclarence.com/commit/a146f336333fa819c9b3a059ee97fa28840db9bd))
+* use env for umami ([a0be831](https://github.com/theodorusclarence/theodorusclarence.com/commit/a0be8311e3fbc8cb774eb2c9d995c9990d49b9d0))
+
+
+### Bug Fixes
+
+* hydration error tooltip ([99ef6a8](https://github.com/theodorusclarence/theodorusclarence.com/commit/99ef6a83fa1a2c22b9f52aa784790ba911f594f4))
+* indonesian blog broke link ([26b3037](https://github.com/theodorusclarence/theodorusclarence.com/commit/26b3037941f0b6b01c99f3219b3822f06b849c4f))
+* prisma don't work on vercel ([500bbdf](https://github.com/theodorusclarence/theodorusclarence.com/commit/500bbdf4ddbf15f792cd4aacd980411850143bfd))
+* typo in blog ([372684f](https://github.com/theodorusclarence/theodorusclarence.com/commit/372684fa1236fb55754a53bd2800a1285a418670))
+* typos and grammar improvement ([c19de8f](https://github.com/theodorusclarence/theodorusclarence.com/commit/c19de8f75f01c3683970f73b0bd9398242a3f964))
+* views still not showing in cards ([0a12db7](https://github.com/theodorusclarence/theodorusclarence.com/commit/0a12db7be99c107c12eda72c0c800d7c6b85dcfe))
+* wrong slug name for api content ([27e8d49](https://github.com/theodorusclarence/theodorusclarence.com/commit/27e8d4940102195301473ca3a7b09b2085618d17))
+
 ## [3.1.0](https://github.com/theodorusclarence/theodorusclarence.com/compare/v3.0.0...v3.1.0) (2023-01-01)
 
 
diff --git a/package.json b/package.json
index a093a084..841a5cf7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "theodorusclarence.com",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "private": true,
   "scripts": {
     "dev": "next dev",