frontend

frontend is the consumer-facing website for the project, powered by Nuxt🔥 (compatibilityVersion: 4)

Features:

Type-safe integration with backend via hono/client, with rpcApi plugin to support Nuxt context and local dev proxy, cors, AWS Lambda OAC
ESLint
- @nuxt/eslint
- @antfu/eslint-config
UnoCSS
- UnoCSS is an atomic CSS engine, similar to Tailwind but is super fast and have some amazing features like automatically imported icons in pure CSS.
Tanstack Query
- Default is configured for client-side fetching usage, data is persisted to IndexedDB.
PrimeVue - UI library
Shadcn/vue - Components-based UI library
- Why two UI libraries?
- Configured for UnoCSS with hyoban/unocss-preset-shadcn.
- Share the primary color and can work in parallel with PrimeVue.
- Note: lucide-vue-next (icon pack of shadcn-vue) is not pre-installed, you can opt for one of following:
  - Install lucide-vue-next
  - Convert usage of lucide-vue-next icons to UnoCSS icons
ColorMode
- Dark and Light mode with auto detection made easy with Nuxt.
NuxtImage
- Automatic optimized images for the app, as well as placeholder support.
NuxtI18n
- Internationalization (i18n) module for Nuxt.js + SEO headers.
- With @local/locales as shared localization source.
Nuxt SEO
- All the boring SEO work for Nuxt done.
Nuxt LLMs

Look at the Nuxt 3 documentation to learn more.

Please refer to monorepo root README

Check out the deployment documentation for more information.