nor.ph

Portfolio site for Noriyuki Shimizu (Craft, Graphic, Typeface, Front-end Engineer)

Tech Stack

• Eleventy (11ty) - Static site generator
• Pug - Template engine
• Sass - CSS preprocessor
• Puppeteer - OG image generation

Setup

npm install

Development

npm run dev

This starts:

• 11ty dev server (file watching + auto reload)
• Sass compilation (style.css)
• OG Sass compilation (og.css)

Build

npm run build

Static files are generated in the _site directory.

OG Image Generation

npm run og

Uses Puppeteer to generate OG images for each work.

Preview

npm run serve

Serves the built _site directory on a local server.