{"id":20019047,"url":"https://github.com/stackofsugar/personal-website","last_synced_at":"2026-06-09T11:31:23.585Z","repository":{"id":180596280,"uuid":"659725334","full_name":"stackofsugar/personal-website","owner":"stackofsugar","description":"Portofolio \u0026 blog website using NextJS + Boostrap with (privacy conserving) analytics","archived":false,"fork":false,"pushed_at":"2025-05-23T17:20:57.000Z","size":1617,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-23T18:37:52.987Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.stackofsugar.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stackofsugar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"COPYING","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-06-28T12:31:11.000Z","updated_at":"2025-05-23T17:21:01.000Z","dependencies_parsed_at":"2025-05-23T18:30:54.391Z","dependency_job_id":"03e9daf4-16b3-4b36-ab12-178d5d545c7d","html_url":"https://github.com/stackofsugar/personal-website","commit_stats":null,"previous_names":["stackofsugar/personal-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/stackofsugar/personal-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackofsugar%2Fpersonal-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackofsugar%2Fpersonal-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackofsugar%2Fpersonal-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackofsugar%2Fpersonal-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stackofsugar","download_url":"https://codeload.github.com/stackofsugar/personal-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stackofsugar%2Fpersonal-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34105565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T08:25:39.402Z","updated_at":"2026-06-09T11:31:23.568Z","avatar_url":"https://github.com/stackofsugar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"https://www.stackofsugar.com/images/projects/website.webp\" alt=\"Project hero\" height=\"250\"  /\u003e\n    \u003ch1\u003eMy Personal Website\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003c!-- Badges --\u003e\n\u003cp align=\"center\"\u003e\n    \u003c!-- Project Status: Active --\u003e\n    \u003cimg src=\"https://img.shields.io/badge/status-active-green?style=for-the-badge\u0026labelColor=black\" /\u003e\n    \u003c!-- License --\u003e\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/blob/main/COPYING\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/license/stackofsugar/personal-website?style=for-the-badge\u0026labelColor=black\u0026color=green\" /\u003e\n    \u003c/a\u003e\n    \u003c!-- Issues --\u003e\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/issues\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/issues/stackofsugar/personal-website?style=for-the-badge\u0026labelColor=black\" /\u003e\n    \u003c/a\u003e\n    \u003c!-- PRs --\u003e\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/pulls\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/issues-pr/stackofsugar/personal-website?style=for-the-badge\u0026labelColor=black\" /\u003e\n    \u003c/a\u003e\n    \u003c!-- Visit Website --\u003e\n    \u003ca href=\"https://stackofsugar.com/?ref=ghrepo\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Visit%20website-black?style=for-the-badge\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    The 2nd iteration of my personal portfolio and blog website.\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/issues/new/choose\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/issues/new/choose\"\u003eAsk for Help\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/stackofsugar/personal-website/security/advisories/new\"\u003eReport a Vulnerability\u003c/a\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/stackofsugar/.github/blob/main/CODE_OF_CONDUCT.md\"\u003eCode of Conduct\u003c/a\u003e\n\u003c/p\u003e\n\n## 📝 Table of Contents\n\n-   [About The Project](#about)\n-   [Getting Started](#getting-started)\n-   [Deployment](#deployment)\n-   [Roadmap](#roadmap)\n-   [Author(s)](#authors)\n-   [Acknowledgements](#acknowledgements)\n\n## 💭 About The Project \u003ca name=\"about\"\u003e\u003c/a\u003e\n\nI created this project back in June 2023 to replace my old website (now resides [here][old website]) built in **React**, with a more robust framework, **Next**. I originally created a personal website to showcase my projects as well as being a valuable portfolio and a great learning platform in itself.\n\nMy website is divided into few main pages with its own unique purposes, which are:\n\n-   Home/main page: Introducing myself and my social medias, showcasing all of the tech stacks I master, my experiences, publications, and certifications.\n-   Projects page: Displaying some of my most cherished projects, along with their own description and links.\n-   Hire me page: Branding myself up for potential employers who might be interested in hiring me.\n-   Blog page: Still under construction, will be a home to my awesome stories.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Technologies Used\n\n-   Javascript Framework: [Next.js][nextjs]\n-   CSS Frameworks / Manipulators: [Bootstrap][bootstrap], [Boostrap Icons][bootstrap icons], [PostCSS][postcss]\n-   CSS Preprocessor: [Sass (in SCSS format)][sass]\n-   Analytics: [Umami][umami]\n-   Miscellaneous: [Framer Motion][framer motion]\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🛫 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n1. First of all, **clone this repository** into your machine.\n\n```sh\n# Using terminal/shell\ngit clone https://github.com/stackofsugar/personal-website.git\n\n# Using GitHub CLI\ngh repo clone stackofsugar/personal-website\n```\n\n2. Navigate to **repository root folder** in your machine, then **install NPM packages** below.\n\n```sh\nnpm run install\n```\n\n3. After the NPM package installation completed, you can **run the website** on your local machine.\n\n```sh\n# Start a development server\nnpm run dev\n\n# Create an optimized production build\nnpm run build\n\n# Start a local production server after build\nnpm run start\n\n# My own script: Create an optimized production\n# build and then start a local production server\nnpm run buildstart\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nIf you're interested in deploying this website yourself, you can refer to [the Next.js deployment guide][nextjs deploy guide]. You can choose various ways to deploy this Next.js project, ranging from self-hosting, static deployment, and managed deployment using Vercel, that I personally use to host my website.\n\nYou can also click the button below to directly clone and deploy this project via Vercel's direct deployment\n\n\u003cdiv align=\"center\"\u003e\n\n[![Deploy with Vercel](https://vercel.com/button)][vercel direct deploy]\n\n\u003c/div\u003e\n\nFor reference purposes, this is the setup that I use:\n\n-   Hosting: Managed Next.js hosting with [Vercel][vercel new]\n-   Domain name: I found a cheap `.com` domain in [Namecheap][namecheap]\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📌 Roadmap \u003ca name=\"roadmap\"\u003e\u003c/a\u003e\n\n-   [x] Implement core features\n-   [x] Implement projects page\n-   [x] Implement hire me page\n-   [ ] Implement blog features\n    -   [x] Add ~~MDX~~ markdown parsing using [Remark][remark]\n    -   [x] Implement front matter\n    -   [x] Implement static path generations\n    -   [ ] Work on styling and workflow enhancement\n-   [x] Rewrite README\n\n## 📚 Author(s) \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n-   [@stackofsugar][stackofsugar-gh] The Benevolent Dictator\n\nSee also a list of [contributors](https://github.com/stackofsugar/personal-website/graphs/contributors) who has participated in this project.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🎉 Acknowledgements \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nHats off to these amazing people below who has inspired me on this project:\n\n-   Personal website inspiration: [@michaelrk02's website][michaelrk02], [@drithh's website][drithh]\n-   GitHub Community Standards inspiration: [@othneildrew's BEST readme template][best readme template], [@kylelobo's The Documentation Compendium][the doc compendium]\n-   Plugins I use along the way: [PurgeCSS][purgecss] for unused CSS rules removal, [Remark][remark] for markdown transformations.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n[old website]: https://projects.stackofsugar.com/\n[nextjs]: https://nextjs.org/\n[bootstrap]: https://getbootstrap.com/\n[bootstrap icons]: https://icons.getbootstrap.com/\n[postcss]: https://postcss.org/\n[sass]: https://sass-lang.com/\n[umami]: https://umami.is/\n[stackofsugar-gh]: https://github.com/stackofsugar\n[michaelrk02]: https://michaelrk02.github.io/\n[drithh]: https://www.adriel.bio/\n[best readme template]: https://github.com/othneildrew/Best-README-Template\n[the doc compendium]: https://github.com/kylelobo/The-Documentation-Compendium\n[purgecss]: https://purgecss.com/\n[framer motion]: https://www.framer.com/motion/\n[remark]: https://github.com/remarkjs/remark\n[nextjs deploy guide]: https://nextjs.org/docs/pages/building-your-application/deploying\n[vercel new]: https://vercel.com/new\n[namecheap]: https://www.namecheap.com/\n[vercel direct deploy]: https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fstackofsugar%2Fpersonal-website\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackofsugar%2Fpersonal-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstackofsugar%2Fpersonal-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstackofsugar%2Fpersonal-website/lists"}