Design / Web/Portfolio
22 / 67

08/2023Design / Web

Portfolio

A redesigned personal site on a new domain — content-driven Nuxt, statically generated, and deployed on Netlify.

╌╌╌╌

A redesigned personal site, and with it a new domain. Built on Nuxt and Vue, styled in SCSS, and deployed on Netlify. The design follows the ideals of minimalism: keep the surface quiet and let the work carry the page.

Projects like this one are Markdown documents with YAML front matter, not rows in a database. Nuxt reads them at build time, and each becomes a route. Adding a project means writing a file — title, date, tags, and body — and the index page and its detail view follow from the front matter. Prose and metadata stay in one place, versioned in the same repository as the site.

Nuxt pre-renders the site to static HTML and assets by default, which Netlify serves from its edge. There is no server on the critical path: a visitor gets plain files, and a deploy is a rebuild triggered by a push. The trade is that new content ships on a build rather than instantly, which suits a portfolio that changes in batches.

The page draws on a small component vocabulary. Vue's single-file components keep layout, logic, and scoped SCSS together, so the page's small set of pieces — the project card, the tag chip, the article shell — are defined once and reused. The minimalist direction shows up in the constraints: a tight type scale, generous whitespace, and few colors, chosen so the reading view stays out of the way of the content.

References

  1. Project repository
  2. Live site

╌╌ END ╌╌