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