Giliam's Recipes

This single-page web application is built with:

• Vite
• Vue 3
• Firebase (with VueFire)
• Pinia
• PrimeVue + PrimeFlex

Domains

The app is hosted on:

• GitHub Pages:
  • giliamdatema.github.io/recipes
• Firebase:
  • giliam.web.app
  • giliam.firebaseapp.com

Deploy & Preview

The app is automatically deployed to GitHub Pages and Firebase on push/merge to the main branch. A Firebase preview is deployed automatically when creating a PR (see link in PR comments).

See GitHub Actions:

• gh-pages-deploy
• firebase-preview
• firebase-deploy

Recommended IDE setup

VSCode + Volar (disable Vetur) + TypeScript Vue Plugin (Volar).

Project setup

Install dependencies (development):

npm i

Clean install dependencies (production):

npm ci

Compile and Hot-Reload for Development (Vite)

npm run dev

Compile and minify for Production + preview locally (Vite)

npm run build
npm run preview

Lint with ESLint and Stylelint

npm run lint
npm run lint:fix
npm run lint:style
npm run lint:style:fix

Firebase

Run emulators for local testing:

firebase emulators:start

Run specific emulator only:

firebase emulators:start --only hosting

Alternatively, use emulated backend for one resource, but real backend for other project resources [NOT recommended]:

firebase serve --only hosting