Skip to content

Cosmic Watchlist

Shipped server-first watchlist for anime, film, TV, and games: auth, fast CRUD, shareable filters, stats, recommendations.

2025 - 2026
  • Server-first CRUD via Server Actions with Zod validation.
  • Google sign-in via Auth.js with Postgres sessions.
  • Shareable filters via URL params.
  • Stats: completion rate, runtime totals, activity heatmap, and breakdowns.
  • Optional TMDB/OMDb enrichment for recommendations.

Tags

Next.jsTypeScriptDrizzlePostgreSQLAuth.js

Description

A server-first watchlist that stays simple under messy metadata and heavy filtering. Writes go through Server Actions with Zod validation, the database is the source of truth, and pages revalidate after writes instead of relying on heavy client caching. Filters live in the URL so any view can be bookmarked or shared. Optional TMDB/OMDb enrichment adds recommendations without complicating the core workflow.

Frontend

  • • Next.js 16
  • • React 19
  • • TypeScript
  • • Tailwind CSS
  • • @stargazers-stella/cosmic-ui

Backend

  • • Next.js Server Actions
  • • Zod validation
  • • Auth.js (Google OAuth)
  • • TMDB / OMDb APIs

Database

  • • PostgreSQL
  • • Drizzle ORM

Tools

  • • Vercel

Architecture

Cosmic Watchlist architecture diagram