【开源】myBento：重新定义你的数字名片｜类似bento.me

类似 bento.me ，但没有它好看，也没有它功能多。

简单介绍

myBento 一个基于 Next.js + Postgres 的高颜值个人主页构建工具：

• 开源地址： https://github.com/uvexz/mybento
• 演示地址 via Vercel： https://home.im.sb
• 演示地址 via DenoDeploy: https://mybento.uvexz.deno.net/

详细介绍

myBento 是一个个人页面构建器，配备精美的 Bento 网格布局。打造专属的网络角落，展示链接、社交媒体和内容。

• Bento Grid 布局：支持 4 种尺寸卡片（小/中/高/大），完全拖拽式排序，移动端适配完美。
• 卡片生态丰富：目前内置了 22 种卡片。
• 多页面支持：你可以创建 /username/projects 或 /username/about 等子页面，每个页面独立配置主题和卡片。
• 双运营模式：
  • 个人模式：如果你只想自己用，注册后自动关闭注册，首页即你的主页。
  • 社区模式：通过环境变量开启，支持多用户注册，适合做团队主页或公开服务。

你可以把 myBento 用作：

• 个人信息展示
• 个人社交网络展示
• 个人项目展示
• 米表
• 不嫌弃功能简陋的的话还可以作为个人博客
• ALL IN ONE! 以上都能满足

个人主页演示： https://home.im.sb/system

米表展示： https://home.im.sb/system/domain

简易博客展示： https://home.im.sb/system/blog

如何部署

• Fork 仓库： https://github.com/uvexz/mybento
• 创建 PG 数据库：例如免费的平台 prisma.io supabase.com neon.com ，获取 postgres://... 数据库链接
• 导入支持 next.js 的 PaaS 平台：例如 vercel.com deno.com/deploy leapcell.io
• 设置环境变量： POSTGRES_URL BETTER_AUTH_SECRET BETTER_AUTH_URL 必须设置，其他选配，可以在 https://github.com/uvexz/mybento/blob/main/.env.example 查看
• Install command: npm install, Build command: npm run build
• 部署即可。

开发过程

1. 首先使用 stitch 进行原型设计
2. 用大模型进行迁移，迁移至 nextjs + pg
3. 继续打磨