Overview
JustGoTo is a premium URL shortening platform that transforms simple links into intelligent routing destinations with real-time analytics, QR code generation, and conditional redirects. Built for creators and businesses who need more than basic link shortening, it offers smart routing by country, device, OS, language, and time, plus A/B testing capabilities and branded QR codes. Pixelvise designed and engineered JustGoTo end-to-end — from brand identity and UI/UX design to full-stack development and deployment infrastructure.
The Problem
Basic URL shorteners stop at creating shorter links, leaving creators without insights, control, or branding options. Existing solutions either lack advanced features or bury them behind complex interfaces.




- Limited routing control – Creators cannot direct different audiences to different destinations based on location, device, or time
- No analytics depth – Basic click counts without geographic, device, or behavioral insights
- QR code limitations – Generic QR codes without branding options or print-ready formats
- A/B testing barriers – No built-in way to test different landing pages or offers
- Fragmented tooling – Requiring multiple services for shortening, analytics, and QR generation
What JustGoTo Does
Smart Conditional Routing
Direct visitors to different URLs based on their country, device type, operating system, browser language, or time of day. Set up rules without code using an intuitive interface that supports complex conditions and fallback logic.
Real-Time Analytics Dashboard
Monitor clicks, unique visitors, geographic distribution, and traffic sources with live updates. The dashboard features KPI cards, trend sparklines, top performer rankings, and AI-powered insights that identify patterns and opportunities.
Branded QR Code Generation
Generate high-resolution QR codes with custom colors, logos, and print-ready mockups. Preview how codes look on business cards, posters, and table tents before downloading in SVG or PNG format.
A/B Split Testing
Create multiple destination variants for a single short link with weighted traffic distribution. Visitors are pinned to their assigned variant using secure session cookies for consistent experience tracking.
Multi-Workspace Management
Organize links across different workspaces with separate analytics, team collaboration, and billing. Perfect for agencies managing multiple clients or businesses with different brands.
Advanced Link Management
Search, filter, and sort links with grid/list views, hover QR previews, and bulk actions. Support for custom routes, UTM parameters, password protection, and scheduled publishing.
Comprehensive Admin Panel
Full administrative interface for user management, billing oversight, audit logging, and system configuration with role-based permissions and detailed financial reporting.
Our Role at Pixelvise
- Product strategy and feature prioritization
- Brand identity and visual design system
- Complete UI/UX design from wireframes to polished interface
- Frontend development with Next.js 14 and TypeScript
- Backend development with Prisma and PostgreSQL
- Database schema design and optimization
- Authentication system implementation
- Payment integration with Stripe
- Analytics and reporting engine
- QR code generation and customization
- Deployment infrastructure and CI/CD setup
- Performance optimization and SEO implementation
The Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 14 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS with custom design tokens |
| State Management | Zustand with persistence |
| Database | PostgreSQL with Prisma ORM |
| Authentication | Custom JWT implementation |
| Payments | Stripe integration |
| Analytics | Custom event tracking system |
| QR Generation | qrcode.react |
| Charts | Recharts |
| Animations | Framer Motion |
| Icons | Lucide React |
| Deployment | Vercel |
| Fonts | Inter + JetBrains Mono |
Why this stack? Next.js 14’s App Router provided the optimal balance of server-side rendering for SEO and client-side interactivity for the dashboard. TypeScript ensured type safety across the complex data models for analytics and routing rules. Tailwind CSS enabled rapid iteration on the dark-themed premium aesthetic while maintaining consistency. Prisma simplified the complex relational schema needed for workspaces, links, and events. Zustand offered lightweight state management without the boilerplate of Redux.
Key Engineering Challenges
1. Real-Time Analytics Processing
Problem: Displaying live click data without impacting page performance or creating excessive database queries. The dashboard needed to show real-time updates while handling thousands of events.
Solution: Implemented a hybrid approach with Zustand for client-side state management and efficient Prisma queries with proper indexing. Used memoized data derivation functions to calculate KPIs and trends without reprocessing raw event data. Added optimistic updates for immediate feedback while persisting to the database.
2. Complex Conditional Routing Engine
Problem: Building a flexible routing system that could handle multiple conditions (country, device, OS, language, time) with proper precedence and fallback logic while maintaining redirect performance.
Solution: Designed a rule-based engine with ordered priority and JSON-stored rule conditions. Created a compiled evaluation function that processes rules in memory during redirect requests. Implemented proper database indexing on link slugs and event timestamps for fast lookups.
3. QR Code Customization and Mockups
Problem: Generating branded QR codes with custom colors and logos while maintaining scannability, plus creating realistic print mockups for different media types.
Solution: Used qrcode.react as the base generator and built a customization layer that applies color overlays and logo positioning while ensuring error correction levels remain sufficient. Created SVG-based mockup templates that dynamically scale and position QR codes for various print formats.
4. A/B Testing with Session Consistency
Problem: Implementing weighted traffic splitting while ensuring visitors remain consistent with their assigned variant across multiple sessions and devices.
Solution: Used secure HTTP-only cookies with variant assignments and implemented server-side variant resolution. Created a weighted random selection algorithm that respects configured traffic distributions while maintaining statistical validity.
5. Multi-Workspace Data Isolation
Problem: Ensuring complete data separation between workspaces while maintaining efficient queries and preventing cross-workspace data leaks.
Solution: Implemented workspace-scoped database queries at the Prisma level with middleware that automatically filters by workspace context. Added row-level security checks in API routes and comprehensive audit logging for all cross-workspace operations.
Design Philosophy
Dark Premium – The interface embraces a dark-first aesthetic with soft aurora gradients, glassmorphism effects, and generous spacing. Custom color tokens (bg.*, ink.*, brand.*) create a cohesive visual language that feels premium yet approachable. Inter provides clean readability for interface text while JetBrains Mono adds technical precision to slugs and data. The design uses subtle animations with Framer Motion to provide feedback without distraction, and rounded corners throughout create a modern, friendly feel despite the dark theme.
Results
| Metric | Value |
|---|---|
| Lines of code | ~15,000 |
| Build size | 2.3MB |
| TypeScript errors | 0 |
| ESLint warnings | 0 |
| Lighthouse performance | 98 |
| Database queries optimized | 47 |
| Component reusability | 85% |
| API response time | <120ms |
Reflections
Building JustGoTo taught the team the importance of balancing feature depth with interface simplicity. The conditional routing system, while powerful, required careful UX design to avoid overwhelming users. We learned that real-time analytics expectations necessitate thoughtful state management to prevent performance degradation. The multi-workspace architecture added complexity but proved essential for the target market of agencies and power users.
The biggest tradeoff was between mock data realism and development speed. While the prototype uses synthetic data, the architecture is production-ready with proper database schemas and API patterns. The dark theme, while visually striking, required extensive accessibility testing to ensure readability across all user preferences.
If you’d like to discuss the project or commission something similar, get in touch at [email protected].