Devbio
Your professional developer profile, all in one link. Connect, share, and grow your presence with a beautiful, customizable page.
Install / Use
/learn @devtofunmi/DevbioREADME
DevBio
DevBio is a high-performance, developer-focused personal landing page builder. It allows engineers to create premium, interactive, and high-conversion bio pages with built-in analytics, project showcases, and custom themes.
Features
- Advanced Analytics: Track profile views, link clicks, and geographic distribution with interactive charts.
- Premium Themes: Choose from 30+ preset themes (Onyx, Aurora, Matrix, etc.)
- Primary Action (CTA): Optimized footer section with "Smart Link" technology (auto-detects emails and URLs).
- Project Showcase: Beautifully display your GitHub repositories and professional projects.
- Status Indicators: Real-time "Current Status" badges (Available, Deep Work, Out of Office).
- Sleek Layout: Modern, responsive design that looks stunning on every device.
Tech Stack
- Framework: Next.js 15 (Turbopack)
- Styling: Tailwind CSS
- Database / Auth: Supabase
- Animations: Framer Motion
- Charts: Recharts
- Icons: React Icons / Lucide
Installation & Setup
1. Clone the repository
git clone https://github.com/devtofunmi/devbio
cd devbio
2. Install dependencies
npm install
3. Environment Variables
Create a .env.local file in the root directory and add your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
4. Database Setup
Run the SQL commands found in SETUP_DB.sql in your Supabase SQL Editor to initialize the required tables and RLS policies.
5. Run the dev server
npm run dev
Contributing
We welcome contributions! Please check out our CONTRIBUTING.md to get started.
License
DevBio is open-source software licensed under the GNU AGPLv3 License.
Related Skills
node-connect
354.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
112.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Writing Hookify Rules
112.2kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
review-duplication
100.8kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
