Fucking Link#

A no-nonsense, internationalized link shortening service built with modern web technologies.

Tech Stack#

  • Frontend Framework: Next.js 14 with App Router
  • Language: TypeScript
  • Internationalization: next-intl
  • Database: Supabase
  • Authentication: Supabase Auth
  • Styling: Tailwind CSS with custom theming
  • Development Tools: ESLint, Prettier, Husky

Key Features#

  • Link Shortening: Generate concise, shareable links
  • QR Code Generation: Automatic QR codes for shortened links
  • Multi-language Support:
    • English (en)
    • Spanish (es)
    • French (fr)
  • Theme System:
    • Light/Dark modes
    • Custom themes (Hackerman, Bubbles, Dragon)
    • System preference detection
  • User Management:
    • Anonymous usage
    • User accounts
    • Email verification
  • Link Management:
    • Dashboard for registered users
    • Link analytics
    • Custom vanity URLs (premium)
  • Monetization:
    • Free tier with ad-supported links
    • Premium tier with ad-free links
    • Custom subdomains for premium users

Architecture Highlights#

  • Server-side rendering with Next.js App Router
  • Server components for improved performance
  • Client-side interactivity where needed
  • Responsive design with mobile-first approach
  • Timezone-aware date formatting
  • SEO optimization with metadata
  • Progressive enhancement

Development Features#

  • Type-safe development with TypeScript
  • Code quality maintenance with ESLint and Prettier
  • Git hooks with Husky
  • Development environment configuration
  • Automated deployment pipeline

Security Features#

  • Authentication with Supabase
  • Email verification
  • Protected routes
  • Rate limiting
  • CSRF protection
  • XSS prevention

The project follows modern web development best practices with a focus on performance, security, and user experience while maintaining a straightforward, no-nonsense approach to link shortening.