Link-in-Bio Page Builder
https://github.com/coleam00/link-in-bio-page-builder- Category
- Social
- Rank
- No. 1446Tools index
Previous survey · No. 1452 ·
- Pricing
- Open Source
- Type
- APP
- Builder
- coleam00
- GitHub
- 226 stars
- Date
About
Open-source link-in-bio builder — make a Linktree-style page from a few clicks and self-host it on Vercel.
What it does
Users create an account, choose a public username, edit profile details, and assemble links, section headers, and dividers. A phone-frame preview updates alongside the editor, while drag handles control item order. Saved profiles and content live in Postgres and render through a responsive web interface.
Why it's ranked here
This is a credible full-stack starter, not merely a styled landing page. It combines authentication, persistent content, validation, responsive editing, drag-and-drop ordering, and test commands. Its narrower scope and Neon-specific setup make it best suited to developers comfortable operating a Next.js application.
What's good
The editor covers the important authoring loop: profile changes, structured content, ordering, live preview, explicit saving, and toast feedback. Validation constrains usernames, profile fields, links, and reorder payloads. The database model also uses unique usernames, indexed relationships, and cascading deletion for dependent content.
Tradeoffs
Setup requires Node.js, a Neon project with authentication enabled, several environment values, and a schema push. Installation needs the legacy peer-dependency option. The documentation warns that route middleware does not run with Turbopack. Four themes appear in validation and shared types, but the documented component structure identifies only the minimal theme.
How to use it well
Use it as a starting point for a self-managed personal-link service or a small product that needs accounts, persistent profiles, and a visual editor. Follow the provided install, environment, schema, test, and production-build workflow. Plan separate work for mature analytics because click tracking is explicitly described as a future phase.
Technical notes+
package.json defines a private Next.js application with npm scripts for development, production builds, Biome checks, Vitest, E2E execution, and Drizzle database operations. src/lib/db/schema.ts models profiles, ordered content items, and click events with Postgres indexes and cascading references. src/middleware.ts protects editor, analytics, and settings routes by checking for a Neon Auth session-cookie name, but it does not validate the session itself. src/lib/rate-limit.ts stores request counters in a process-local Map, so limits are not shared across instances. src/lib/validations.ts uses Zod for slugs, profiles, content items, and reorder payloads. README.md requires Node.js 18+, Neon Auth, environment configuration, and a database schema push.
Observed
- Primary language
- TypeScript with React TSX components
- Packaging
- Private npm application installed with npm install --legacy-peer-deps
- Interface
- Browser-based Next.js web application with internal API routes
- Platform requirements
- Node.js 18+ and a Neon project with Auth enabled
- Database
- Neon Postgres accessed through Drizzle ORM
- Testing
- Vitest unit tests and agent-browser E2E scripts
- Application structure
- Next.js App Router project organized under src/
- Code quality tools
- Biome provides linting and formatting
Read from README.md, package.json, src/middleware.ts, src/app/page.tsx, src/lib/utils.ts, src/types/index.ts, src/app/layout.tsx, src/lib/rate-limit.ts, src/lib/validations.ts, src/hooks/use-profile.ts, src/lib/db/index.ts, src/lib/db/schema.ts, src/lib/auth/server.ts, src/lib/auth/client.ts, src/app/(auth)/layout.tsx.
What it can do
Create link-in-bio page
User clicks and configuration → Linktree-style webpage
Add multiple links to bio page
URLs and link titles → Clickable link buttons on page
Customize page appearance
Design preferences and styling options → Styled bio page with custom look
Deploy page to web hosting
Completed bio page configuration → Live webpage hosted on Vercel
Self-host bio page
Open-source code and hosting platform → Independently hosted link-in-bio page
Tags
Tech Stack
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.