Skip to main content

2026 · Product Design / Frontend / Content Architecture

Lior Personal Archive

A personal static site built with Astro, centered on bilingual content, visual tone, long-term maintainability, and GitHub Pages / Vercel compatibility.

Lior / ABOYL-AIS site favicon
Astro Tailwind CSS Static Site Bilingual Content Collections

This is the real project behind the current repository and the main work now presented on the site.

The goal is not to assemble a generic portfolio template, but to build a long-term personal archive that can hold introduction pages, project showcases, research records, notes, and gallery collections within one coherent static structure.

Project Focus

  • Build a static personal site with Astro + Tailwind CSS
  • Keep Chinese as the default root path and English under /en/
  • Manage projects, research, notes, and gallery through Content Collections
  • Handle deployment compatibility for both GitHub Pages and Vercel
  • Reuse shared layouts, components, and site-level data for easier maintenance

What Has Been Built

  • Core pages are in place: Home, About, Projects, Research, Notes, Gallery, Contact, and 404
  • Shared header, footer, theme toggle, language toggle, card system, and detail templates are implemented
  • The homepage already has a clear rhythm with Hero, Bento entry points, featured sections, and gallery preview
  • The site can be built locally and deployed as a static site to both GitHub Pages and Vercel

Why This Project Matters to Me

This project is not a one-off presentation page. It is intended to become the main space for my long-term public expression.

I want it to be formal enough for presentation, personal enough to retain warmth, and structured enough to keep expanding without collapsing into a stitched-together template.

Next Steps

  • Replace remaining placeholder content with real projects, research, and notes
  • Continue refining title scale, card balance, and page rhythm
  • Improve branding assets, social preview images, and visual identity
  • Keep content growth and visual refinement moving together instead of drifting apart