next email client

next.js อีเมลไคลเอนต์

นี่คือเทมเพลตไคลเอนต์อีเมลที่สร้างขึ้นด้วย next.js และ postgres มันถูกสร้างขึ้นเพื่อแสดงคุณสมบัติบางอย่างของเราเตอร์แอพซึ่งช่วยให้คุณสามารถสร้างผลิตภัณฑ์ที่:

• นำทางระหว่างเส้นทางในเค้าโครงคอลัมน์ในขณะที่ยังคงตำแหน่งเลื่อน (รองรับเลย์เอาต์)
• ส่งแบบฟอร์มโดยไม่เปิดใช้งาน JavaScript (การปรับปรุงแบบก้าวหน้า)
• นำทางระหว่างเส้นทางที่รวดเร็วมาก (การดึงล่วงหน้าและแคช)
• รักษาตำแหน่ง UI ของคุณไว้ในการโหลดซ้ำ (สถานะ URL)

การสาธิต: https://next-email-client.vercel.app

ซ้อนเทค

• เฟรมเวิร์ก : next.js
• ฐานข้อมูล : Postgres
• orm : ฝนตกปรอยๆ
• UI Library : 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 ในเบราว์เซอร์ของคุณเพื่อดูแอพพลิเคชั่น

ดำเนินการ

• ✅ค้นหาอีเมล
• ✅แถบด้านข้างโปรไฟล์พร้อมข้อมูลผู้ใช้
• ✅ดูเธรดทั้งหมด
• ✅ดูอีเมลทั้งหมดในเธรด
• ✅เขียนมุมมอง
• ✅สคริปต์เมล็ดพันธุ์และการตั้งค่า
• ✅ไฮไลต์ข้อความค้นหา
• ✅เชื่อมต่อกับการแต่งหน้า
• ✅ลบอีเมล (ย้ายไปที่ถังขยะ)
• สร้างโปรไฟล์ด้านข้างไดนามิก
• สนับสนุน Markdown?
• ลูกศรแต่งหน้าขึ้น/ลงสำหรับเธรด
• คีย์บอร์ดลัดทั่วโลก
• การจัดรูปแบบวันที่ดีกว่า
• สไตล์โหมดมืด