Skip to content
@TailTag

TailTag

๐Ÿท๏ธ TailTag โ€“ Mark your digital territory! ๐ŸŒโœจ A sleek, shareable profile for all your linksโ€”no coding, just vibes. ๐Ÿพ๐Ÿš€

๐Ÿท๏ธ TailTag

๐Ÿท๏ธ TailTag โ€“ The ultimate way to mark your digital territory! ๐ŸŒโœจ Create a sleek, shareable profile with all your links in one cozy den. No coding requiredโ€”just sign in, customize, and share your unique URL:
๐Ÿ”— tailtag.link/@your-handle! ๐Ÿพ๐Ÿš€

Self-hosted, open-source, and always ready to wag. Join the pack at tailtag.link!


๐Ÿ“‚ GitHub Repository Structure

We follow a modular approach, with separate repositories for different components:

๐Ÿ”น tailtag/app โ€“ Server & Frontend (NextJS, Supabase, TailwindCSS, TypeScript)
๐Ÿ”น tailtag/server โ€“ Backend API, Containers, Basic setup, Traefik + Supabase
๐Ÿ”น tailtag/.github โ€“ Public documentation & guides for hosting TailTag
๐Ÿ”น tailtag/earlyuser-mailer โ€“ Internal tool for sending free TailTag Pro to early members (Supabase, TypeScript)
๐Ÿ”น tailtag/landing-page โ€“ Temporary landing page (React, Tailwind, TypeScript, shadcn/ui)

๐Ÿ“Œ GitHub Organization: github.com/tailtag


๐ŸŒŸ Key Features

โœ… User Profiles

  • Personalize your page with:
    • ๐Ÿ“› Name & Username
    • โœ๏ธ Short Bio
    • ๐Ÿ”— Social Media Buttons
    • ๐ŸŽต Spotify Widget (optional)
    • ๐Ÿ–ผ๏ธ Profile Picture & Image Gallery (optional)
    • ๐Ÿณ๏ธโ€๐ŸŒˆ Age, Gender, Sexuality (optional)

โœ… Customization & Embeds

  • ๐ŸŽจ Choose colors, themes, and layouts
  • ๐ŸŒ OpenGraph/Twitter Card previews for shared links
  • ๐Ÿ“ Customize metadata for link previews

โœ… Authentication & Security

  • ๐Ÿ”‘ Keycloak SSO login
  • ๐Ÿ”’ Only you can edit your page
  • ๐Ÿ–ผ๏ธ Secure image uploads (S3)

โœ… Analytics & Insights

  • ๐Ÿ“Š Track profile views & clicks (powered by Umami)

โœ… Self-Hosting via Docker

  • ๐Ÿ› ๏ธ Fully containerized (backend, frontend, database, storage)
  • ๐Ÿ“ฆ Simple docker-compose up deployment

๐Ÿ—๏ธ Project Stack

Backend: Node.js, Express, PostgreSQL, Drizzle ORM
Frontend: React, Tailwind, ShadCN, TypeScript, Vite
Authentication: Keycloak SSO
Storage: Hetzner Object Storage (S3) (for profile pictures & gallery images)
Analytics: Umami
Deployment: Docker, Traefik


๐Ÿš€ Project Roadmap

๐Ÿ“Œ Current Status: Planning Phase - Development Not Yet Started

๐Ÿ“ Phase 1: Project Setup (1-2 weeks)

โœ… Finalize project scope and technical stack
โœ… Set up project repository and documentation
โœ… Define database schema and API structure

โš™๏ธ Phase 2: Backend Development (3-4 weeks)

๐Ÿ”„ Implement Keycloak authentication
๐Ÿ”„ Build user profile and storage APIs
๐Ÿ”„ Set up Hetzner Object Storage for file storage
๐Ÿ”„ Implement analytics tracking

๐ŸŽจ Phase 3: Frontend Development (3-4 weeks)

๐Ÿ”„ Design and develop UI components
๐Ÿ”„ Create profile page rendering
๐Ÿ”„ Implement the profile editor with real-time preview
๐Ÿ”„ Add social media integrations

๐Ÿ“ฆ Phase 4: Infrastructure & Deployment (2-3 weeks)

๐Ÿ”„ Dockerize services
๐Ÿ”„ Set up Traefik for reverse proxying
๐Ÿ”„ Deploy and test self-hosting setup

๐Ÿงช Phase 5: Testing & Beta Release (2-3 weeks)

๐Ÿ”„ Conduct internal testing
๐Ÿ”„ Fix bugs and optimize performance
๐Ÿ”„ Open beta release for early users

๐ŸŒ Phase 6: Public Launch & Future Features

๐Ÿ”„ Official public release
๐Ÿ”„ Continuous improvements based on user feedback


๐Ÿ”ฎ Future Features

๐Ÿ’ก Custom Domains โ€“ Link your TailTag page to your own domain
๐Ÿ“น More Widgets โ€“ YouTube, Twitch, Discord integration
๐Ÿ’Ž Premium Features โ€“ Paid themes, advanced analytics, custom styles
๐Ÿ“Œ QR Code Generator โ€“ Instantly generate QR codes for sharing


๐ŸŽฏ Contributing

Want to help make TailTag even better? PRs and suggestions are welcome! ๐Ÿš€

๐Ÿ“œ License: MIT
๐Ÿ“ฌ Contact: GitHub Issues

๐Ÿ‘ฅ Join us & create your personal link today!

๐Ÿ”— tailtag.link


Pinned Loading

  1. landing-page landing-page Public archive

    Temporary landing page ๐Ÿš€

    TypeScript

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ