🌈 Website of DWH

DWH is the independent LGBT+ association of Delft and surroundings. We're two things: a meeting place for LGBT+ people and their friends and a group that actively pushes for greater LGBT+ rights and acceptance.

The website is a (statically generated) Nuxt.js app hosted on Netlify. The app makes heavy use of Vue.js and Tailwind CSS.

Node version

Compatible node versions: (^14.18.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0).

We recommend node v16.

For node v17 and up, a ERR_OSSL_EVP_UNSUPPORTED error can arrise. To surpress this, switch to an older version (node v16), or set NODE_OPTIONS=--openssl-legacy-provider in your .zshrc.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.

Page Types

The "easier" pages are Markdown based and can be found in content/pages. There are multiple layouts available for these pages. The markdown pages can make use of components from components/globals. See the documentation of Nuxt Content for further details.

The more complex pages of the website live in the pages/ directory and are Vue components, supported by the components in components/. When these pages have content-heavy elements, their content usually comes from markdown files in the content/ directory.