next email client

next.js电子邮件客户端

这是使用Next.js和Postgres构建的电子邮件客户端模板。它旨在展示应用程序路由器的一些功能，使您可以构建以下产品：

• 在保持滚动位置（布局支持）的同时，在列布局中的路由之间导航
• 提交未启用JavaScript的表格（渐进增强）
• 在路线之间导航极为快（预拿起和缓存）
• 保留您在重新加载（URL状态）上的UI位置

演示：https：//next-email-client.vercel.app

技术堆栈

• 框架：next.js
• 数据库：Postgres
• ORM ：毛毛雨
• UI库：shadcn/ui

入门

git clone https://github.com/leerob/next-email-client
cd next-email-client
pnpm install

本地运行

使用随附的设置脚本创建您的.env文件：

pnpm db:setup

然后，运行数据库迁移并用电子邮件和文件夹播种数据库：

pnpm db:migrate
pnpm db:seed

最后，运行next.js开发服务器：

pnpm dev

打开http：// localhost：3000在您的浏览器中查看应用程序中的应用程序。

实施的

• ✅搜索电子邮件
• ✅配置文件栏以及用户信息
• ✅查看所有线程
• ✅查看线程中的所有电子邮件
• ✅撰写视图
• ✅种子和设置脚本
• ✅突出显示的搜索文字
• ✅连接撰写视图
• ✅删除电子邮件（移至垃圾）
• 使侧面概况动态
• 支持标记？
• 化妆/下箭头适用于线程
• 全局键盘快捷键
• 更好的日期格式
• 暗模式样式