Skip to content

mychiffonn/website

Repository files navigation

My (Chiffon) Nguyen's Academic Website

Version License Astro 5 MDX React TypeScript TailwindCSS 4 shadcn/ui Catppuccin Prettier oxlint

This website serves as a digital portfolio and blog where I share my work, insights, and journey in academia (NLP+HCI), technology, and anything I'm interested in. Co-created with Claude Code.

⚠️ Warning: Somewhat stable. Theme will be refactored to "astro-academic" and posted to Astro community once all features are complete.

Features

  • ⚡ Fast loading, build, and previewing with Astro 5 as static generator
  • 💻 Showcase projects, news, blog posts, and publications from .bib file
  • ✏️ Writing in Github-flavored markdown, a subset of Obsidian-flavored markdown (wikilinks + callouts), KaTeX-rendered math, code (block and inline, supported by Expressive Code), and embeds
  • 📝 Blog supports post-subpost system, with tags and multiple authors
  • 🌐 i18n: Support non-English scripts, and (upcoming) i18n page routing and language toggle
  • 👩‍💻 Developer experience: type-safe with zod-first schema and TypeScript
  • 🔎 SEO friendly and ARIA accessibility compliant
  • 🔧 Easily configure theme, page & personal information, content
  • [UPCOMING] Show mentions of a post across the web in lieu of comment section
  • [UPCOMING] Search with pagefind/typesense

Built With

This website is built on enscribe's astro-erudite template and references from Maggie Appleton's digital garden.

Other inspirations:

Getting Started

Have Node.js >= 22 (tested with Node 24) and pnpm installed:

  1. Clone the repository
  2. Install dependencies: pnpm install
  3. Start development server: pnpm dev
  4. Visit http://localhost:4321
  5. Read docs or search TODO across the codebase to complete setup
  6. Search OPTIONAL to customize as needed (color themes, icons, etc)