Landing Page & Web Dashboard
The DefenSys landing page is a Next.js application with Clerk authentication. It includes a marketing site and a protected web dashboard for users who sign in.
Landing Page Sections
- Hero – Main call-to-action and value proposition
- Features – Feature showcase
- Why Choose – Differentiators
- FAQ – Frequently asked questions
- Testimonials – Social proof
- Download – Desktop and mobile app downloads
Authentication
Authentication is handled by Clerk. The middleware protects /dashboard and /api/protected/*. The docs section (/docs) is public and does not require login.
Web Dashboard
After signing in, users can access the web dashboard at /dashboard. It provides:
- Simplified view of DefenSys metrics
- Charts and data tables
- License management (generate keys for desktop app)
- Download tracking
Onboarding
New users may be directed to /onboarding to complete a usage profile (personal vs. business, company name, role, etc.). This data is sent to the Web API for analytics and personalization.
Environment Variables
Configure your environment using .env.local. Obtain keys from your Clerk dashboard and set your API base URL. Do not commit secrets to version control.
# .env.local (use your own values) NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_publishable_key CLERK_SECRET_KEY=your_secret_key NEXT_PUBLIC_API_URL=your_api_base_url API_URL=your_api_base_url NODE_ENV=development
Access Points
- Landing: Your deployed URL or local dev server
- Dashboard:
/dashboard(login required) - Docs:
/docs(no login required)