sentimony-nuxt

Web development of Sentimony Records portfolio website.

Catalog content can be served from Firebase Realtime Database or Supabase. Supabase is also used for auth, profile storage, and favourites.

Used

Category	Technology	Purpose	Stars
Core	Node.js	Runtime (>=24.15.0)
	TypeScript	Language
	Nuxt	SSR framework (v4), file-based routing
	Nitro	Server engine, server/api/**, cached handlers
	Vite	Dev server + build
Frontend	Vue	UI framework, Composition API
	VueUse	useStorage (theme), UI primitives
	vee-validate	Auth form validation (function-based schemas)
	Swiper	Release / artist carousels
	vue-sonner	Toasts on failed likes
	v-wave	Ripple effect on buttons and links
	DOMPurify	Sanitizing catalog HTML
UI	Tailwind CSS	Styling, CSS-first config (v4, no tailwind.config)
	tailwindcss-animate	Animation utilities
	Reka UI	Headless primitives behind the local UI kit
	cva	Button variants (buttonVariants)
	tailwind-merge	Class conflict resolution in cn()
	clsx	Conditional classes in cn()
Icons & Fonts	Iconify	via @nuxt/icon
	Lucide	UI icon set (24px, stroke-2)
	Lucide Lab	Extra marks not in the core set
	Simple Icons	Brand icons (app/constants/icons.ts)
	flag-icons	Country flags on /artists/all
	Google Fonts	Montserrat, Julius Sans One, Azeret Mono
Data & Backend	Supabase	Auth, likes, profile, avatars + catalog source
	supabase-js	Anon + service-role clients
	@nuxtjs/supabase	Auth module, redirectOptions
	Firebase	Realtime DB, alternative catalog source	-
	yaml	sentimony-db.yml - the catalog source of truth
SEO & Hosting	@nuxtjs/sitemap	Sitemap from the local catalog export
	@nuxtjs/robots	noindex on auth / profile routes
	Netlify	SSR hosting, CDN cache, deploy contexts	-
	Deno	Runtime for the Netlify edge functions
Testing & Quality	Vitest	Unit tests
	Playwright	E2E tests + visual snapshots
	vue-tsc	SFC typecheck (npm run typecheck)
	TypeScript Native	TS7 typecheck for the edge functions
Agents	Claude Code	AI agent in the terminal
	Codex	AI agent in the terminal
Skills	vercel-labs/agent-skills	Skills installer for agents
	obra/superpowers	Agentic skills framework
	mattpocock/skills	Skills for real engineers
	anthropics/skills	Official Anthropic skills
	anthropics/claude-plugins-official	Official Claude Code plugin directory
	sentimony/skills	Agent skills collection
	ihororlovskyi/skillio	Skills usage stats

Run

npm i
npm run dev

Switch catalog source

CATALOG_SOURCE=firebase npm run dev
CATALOG_SOURCE=supabase npm run dev
NUXT_CATALOG_SOURCE=supabase npm run build

Deploy

sync:firebase requires FIREBASE_DB_SECRET in .env/.env.local (see .env/.env.example).

npm run sync:firebase
npm run sync:supabase
npm run deploy:stage
npm run deploy:prod

Skills

scripts/skills.sh

Links

• sentimony.com
• sentimony-nuxt.netlify.app

Monitoring

• Functions Logs
• Edge Functions Logs
• Requests Left

Have fun! ;)