ShoplixFrontend Showcase
DEMO MODE — No Backend Needed

Frontend Comparison Showcase

Every page,
all at once.

Click any page to open it. Compare the Next.js dashboard build against the original HTML prototype. All pages run without a backend.

Next.js Dashboard — Merchant

Full SaaS dashboard built in Next.js 16 + Tailwind 4. Mock data, no backend needed.

13 pages
Dashboard Home

KPIs, activity feed, launch checklist, quick actions

/
Analytics

Installs, sessions, conversion funnel, push campaign table

/analytics
Onboarding Checklist

5-step launch guide with progress tracking

/onboarding
App Builder

Live mobile device mockup + theme/section editor

/builder
Publishing Wizard

4-step wizard, uniqueness score gauge, App Store submission

/publishing
Push Campaigns

Campaign list, attributed revenue, open-rate bars

/campaigns
A/Z Experiments

Multi-variant testing, significance tracker, declare winner

/experiments
Integrations

Active integrations + discovery marketplace

/integrations
Store & Sync

Shopify connection, entity sync status, webhook log

/connect
Billing & Plans

Plan selector, usage bars, payment method, cancel zone

/billing
Settings

App mode, notifications, security, gateway

/settings
Team

Members, roles, invite flow

/team
Profile

Account details, avatar, change password

/profile

Next.js Dashboard — Admin

Platform operations panel for monitoring, debugging, and merchant support.

5 pages
Platform Health

Merchant overview, health metrics, system alerts

/admin
Build Queue

EAS build status, certificates, retry failed builds

/admin/builds
Merchants

All merchants with onboarding progress and revenue

/admin/merchants
Webhook Logs

Event log, HMAC failures, secret rotation

/admin/webhooks
Support

Ticket inbox with auto-captured context, conversation thread

/admin/support

Next.js Auth Pages

Login, register, password recovery — already built.

5 pages
Login

Email + password sign in

/login
Register

Create an account

/register
Forgot Password

Request a reset link

/forgot-password
Reset Password

Set a new password via token

/reset-password
Verify Email

OTP code verification

/verify-email

Shoplix Prototype (HTML)

Original standalone prototype with dark mode, RTL, and persona toggle. Compare designs here.

2 pages
Shoplix Dashboard (All Screens)
PROTOTYPE

Full interactive prototype — switch screens, dark mode, RTL, Nour vs Marcus persona

/shoplix/dashboard.html
Shoplix Marketing Landing Page
MARKETING

Hero, features, pricing, testimonials, CTA sections

/shoplix/index.html

To disable demo mode: set DEMO_MODE=false in .env.local

Shoplix · 2026