A free, open-source alternative to Linktree built with Next.js 16 and React 19.

This is Open Session's link portal—a single page showcasing our social links, resources, blog posts, and tech stack. Instead of paying $10-50/month for Linktree Pro, Beacons.ai, or similar services, we built our own and made it open source so you can too.

• Save $200-500/year vs paid link-in-bio services
• Full customization - no template constraints
• Own your data - no third-party analytics tracking you
• Learn modern web dev - or let AI tools like Claude Code or Cursor build it for you

• Responsive link cards with hover effects
• Blog feed from Substack RSS (auto-updates)
• Email subscription integration
• Tech stack carousel
• Expandable navigation with smooth animations
• WebGL background effect
• Dark mode optimized
• Mobile-first design

git clone https://github.com/YOUR_USERNAME/our-links.git
cd our-links

bun install
# or npm install

bun dev
# or npm run dev

Open http://localhost:3000 to see your site.

Edit the following files to make it yours:

GitHub Pages (Free)

This project is configured for GitHub Pages out of the box:

1. Push to GitHub
2. Go to Settings → Pages → Source → GitHub Actions
3. The site deploys automatically on every push to main

Vercel (Also Free)

Deploy to Vercel with one click:

Note: For Vercel, remove output: "export" from next.config.ts to enable server features.

• Framework: Next.js 16 (App Router)
• UI: React 19
• Styling: Tailwind CSS 4
• Animations: Framer Motion + GSAP
• Icons: Lucide
• Background: OGL (WebGL)

src/
├── app/
│   ├── layout.tsx          # Root layout + analytics
│   ├── page.tsx            # Home page
│   ├── globals.css         # Component styles
│   └── theme.css           # Color tokens
└── components/
    ├── CardNav.tsx         # Header navigation
    ├── OurLinks.tsx        # Social link cards
    ├── FreeResources.tsx   # Resource showcase
    ├── RecentBlogs.tsx     # Blog feed (fetches RSS client-side)
    ├── TechStack.tsx       # Tool carousel
    ├── SubscribeModal.tsx  # Email capture
    └── FaultyTerminal.tsx  # WebGL background

bun dev          # Start dev server
bun run build    # Production build
bun run lint     # Run ESLint
bun start        # Start production server

Apache 2.0

Built by Open Session. Made with Claude Code.