https://github.com/yehezkielgunawan/yehezgun.com
💻This is the repo for Yehezkiel Gunawan's newest personal site.📸
https://github.com/yehezkielgunawan/yehezgun.com
blog chakra-ui nextjs profile-website react reactjs
Last synced: 5 days ago
JSON representation
💻This is the repo for Yehezkiel Gunawan's newest personal site.📸
- Host: GitHub
- URL: https://github.com/yehezkielgunawan/yehezgun.com
- Owner: yehezkielgunawan
- Created: 2021-08-27T03:48:36.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-24T06:19:29.000Z (over 2 years ago)
- Last Synced: 2025-04-19T20:52:14.473Z (8 days ago)
- Topics: blog, chakra-ui, nextjs, profile-website, react, reactjs
- Language: CSS
- Homepage:
- Size: 7.34 MB
- Stars: 6
- Watchers: 0
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# yehezgun.com
[yehezgun.com](https://yehezgun.com) is my personal dev site built using Next.js, Chakra-UI, Typescript, and React-Notion as CMS.
## References
I created this web by the help and resources that I got from :
- Minimalist web design and concept from [https://leerob.io/](https://leerob.io/) and [sznm.dev](https://sznm.dev)
- React Notion Tutorial at [https://splitbee.io/blog/notion-as-cms-using-nextjs](https://splitbee.io/blog/notion-as-cms-using-nextjs)
- React Notion X at [react-notion-x](https://github.com/NotionX/react-notion-x)
- React Notion Boilerplate at [https://github.com/splitbee/react-notion-blog](https://github.com/splitbee/react-notion-blog)
## Future Improvement
- [x] Dynamic OG Image preview for articles
- [x] SEO Optimization
- [x] Image optimization using Image tag from Next JS
- [x] Add ESLint config to sort and group imports (using [simple-sort-import](https://www.npmjs.com/package/eslint-plugin-simple-import-sort))
- [x] Change react-notion to [react-notion-x](https://github.com/NotionX/react-notion-x) (Need future improvement, due to the lib's styling issues)
- [x] Add choose language (English - Indonesian) for article.
- [x] Update Popover Component so it can recieve any flexible inputs
- [x] Add Popover Effect to About Me page (for the contact list flex)
- [x] Add starter template and personal docs link at About Me page
- [ ] Recode the web like [https://github.com/craigary/nobelium](https://github.com/craigary/nobelium)
- [ ] Add comment section for articles using [React utterances component](https://www.npmjs.com/package/utterances-react-component) or using [giscus](https://github.com/giscus/giscus-component/tree/main/packages/react)