Nasper | News Magazine JS Script

This script integrates with several third-party services. Accounts and any associated fees are the buyer’s responsibility and are NOT included in the purchase price:
Supabase — backend, database, auth, storage (free tier available, paid plans for production usage)
Stripe — card payments (per-transaction fees set by Stripe)
PayPal — alternative payment provider (per-transaction fees set by PayPal)
Google OAuth — social sign-in (free)
Google Gemini API — AI Smart Matching & content suggestions (usage-based pricing)
You will need to provide your own API keys and manage all associated costs separately. Typical costs vary based on usage volume.
Nasper is a production-ready, multi-role News, Magazine & Publishing CMS platform built with React 18, Vite, TypeScript, Tailwind CSS, shadcn/ui and Supabase. It ships with a complete Setup Wizard, PWA support, role-based access control, admin analytics, a rich article editor, and a developer-grade documentation portal — everything you need to launch a modern digital newsroom, blog network, or content platform in minutes.
App Overview
Nasper is engineered as a clean, scalable, and SEO-optimized publishing platform. Whether you are launching a single-author blog, a multi-editor magazine, or a large newsroom with agents and moderators, Nasper provides a polished UI, secure backend, and a frictionless onboarding flow. It is fully self-hostable and production-ready from day one.
Key Features
Modern React 18 + Vite + TypeScript codebase
Tailwind CSS v3 with a fully tokenized semantic design system
shadcn/ui components — accessible, themeable, dark-mode ready
Supabase backend — Auth, Postgres, RLS, Storage, Realtime, Edge Functions
Rich article editor — title, rich text, category, tags, cover image, draft/publish workflow
Full CRUD admin panel for articles, categories, users, and roles
Public news listing with search, filters, and pagination
Analytics dashboard — publishing trends, top categories, most-viewed posts
Newsletter signup with honeypot bot protection
Breaking-news ticker with hover-pause and deep linking
SEO-first: JSON-LD structured data, dynamic sitemap, Open Graph, Twitter cards
Progressive Web App with offline support and installable manifest
Setup Wizard for first-run installation
Demo/Test mode with one-click role logins
Comprehensive /docs/ documentation portal
Multi-Role System
Nasper includes a secure, database-backed role system mapped to a dedicated user_roles table with a SECURITY DEFINER function to prevent privilege-escalation and RLS recursion issues.
User (Reader) — Browse, search, comment, subscribe to newsletter, manage profile.
Agent — Submit and manage assigned content under editorial oversight.
Provider / Author — Create, edit, and publish own articles with rich media support.
Editor — Review, approve, schedule, and publish articles across authors.
Moderator — Manage comments, flagged content, and community safety.
Staff — Internal team access to operational dashboards.
Admin / Super Admin — Full system control, settings, branding, PWA, roles, and analytics.
A built-in Role Matrix page in the admin panel visualizes permissions, and an access_denials audit table logs every blocked attempt for compliance and security review.
Authentication System
Email & Password authentication
Google OAuth sign-in
Password reset & email verification flow
Leaked password protection (HIBP integration)
Secure session restoration & route protection via ProtectedRoute
Multiple auth aliases — /login, /sign-in, /auth