beiryu.io.vn — Portfolio Platform
LiveMy own portfolio platform — an MDX-backed project archive with per-project view counting through Redis, statically generated pages with incremental revalidation, and a motion layer that stays accessible and never blocks first paint.
Sep 2024 – now· Open source· 0 views
- Next.js
- React
- TypeScript
- Tailwind CSS
- Content Collections
- MDX
- Motion
- Upstash Redis
- Biome
- Vercel
Overview#
The site you are reading this on. It is a project archive rather than a résumé page: every engagement gets a full write-up, statically generated from MDX, with real view counts so the archive reflects what people actually read.
Being my own site, it is also where the tooling decisions get made without a client's constraints — which is why it runs Content Collections rather than a heavier content pipeline, and Biome rather than a separate linter and formatter.
Content Pipeline#
- MDX as the source of truth — each project is a file with typed frontmatter, validated at build time against a schema, so a missing title or a malformed date fails the build rather than rendering blank
- Content Collections compiles the MDX and derives slugs and routes, with the raw source dropped from the output so documents are not serialised twice
- Syntax highlighting at build time through rehype-pretty-code, including line and word highlighting, so no highlighting runtime ships to the browser
- Automatic heading anchors and slugs, making every section of a long write-up directly linkable
- GitHub-flavoured markdown support throughout