maerteijn.nl

My professional website build with Vue.js, deployed on https://www.maerteijn.nl

Development requirements

A recent LTS version of NodeJS (tested with v18).

Development server

Setting up a development server is as simple as:

    npm install
    npm run dev

Then browse to http://localhost:1234/

Linting

The js, templates and scss are linted with the following commands:

    npm run eslint
    npm run eslint:fix
    npm run stylelint
    npm run stylelint:fix

The Prettier opinionated code formatter is used:

    npm run prettier
    npm run prettier:fix

Tests

We have unit and functional tests with mocha:

    npm run test

We can also run e2e tests with playwright:

    npm run test:e2e

Bundle size

See how much javascript / assets are bundled:

    npm run visualize

Github actions

All linting and tests are run automatically using Github Actions

Deployment to Vercel

Each commit will build a new version of the site (when the pipeline succeeds) on Vercel. That is also the platform where the site is hosted.

To locally create a production build:

    npm run build

The production build can be found in the ./dist/release directory.