🌈 Websites of DWH

Setup

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 Cloudflare. The app makes heavy use of Vue.js and Tailwind CSS.

Requirements

• Node.js 22
• NPM

Build Setup

npm install

Development

npm run dev <domain>

# For example:
npm run dev dwhdelft.nl
npm run dev outsite.nl

The domain argument is actually the subdirectory. We use Nuxt layers to generate multiple websites from the same codebase.

Recommended development tools

• Visual Studio Code
  • Vue - Official
  • Tailwind CSS IntelliSense
  • ESLint
  • Prettier
• Vue.js devtools

Production

Build the application for production:

npm run build <domain>

Locally preview production build:

npm run preview <domain>

Check out the Nuxt deployment documentation for more information.