martinheterjag / portfolio-website

A website containing my portfolio

11ty Pug Portfolio

This project is based on https://github.com/vktrwlt/vktr-portfolio-v5 by Victor Tsang.

Features:

• 11ty for templates and site generation
• TailwindCSS for a utility first CSS workflow
• PurgeCSS for optimizing CSS output
• PostCSS for processing Tailwind
• Sass/SCSS for leveraging other vendor stylesheets with Tailwind
• Webpack for optimizing our JS and CSS files
• Babel for ES6 support
• HTML minifier to minify production HTML

Prerequisites

• Node and NPM

Running locally

# install the project dependencies
npm install

# run the build and server locally
npm start

View the site at http://localhost:3000/

Previewing the production build

When building for production, an extra build step will strip out all CSS classes not used in the site. This step is not performed during the automatic rebuilds which take place during dev.

# run the production build
npm run build
npm run serve

Other Scripts

# check to see latest packages
npm run update-check

# update all to latest
npm run update

# run npm audit and add risky dependencies in resolutions
npm run preinstall