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在您的瀏覽器中查看應用程序中的應用程序。

實施的

• ✅搜索電子郵件
• ✅配置文件欄以及用戶信息
• ✅查看所有線程
• ✅查看線程中的所有電子郵件
• ✅撰寫視圖
• ✅種子和設置腳本
• ✅突出顯示的搜索文字
• ✅連接撰寫視圖
• ✅刪除電子郵件（移至垃圾）
• 使側面概況動態
• 支持標記？
• 化妝/下箭頭適用於線程
• 全局鍵盤快捷鍵
• 更好的日期格式
• 暗模式樣式