next email client

Klien email selanjutnya.js

Ini adalah templat klien email yang dibangun dengan Next.js dan Postgres. Ini dibangun untuk memamerkan beberapa fitur router aplikasi, yang memungkinkan Anda membangun produk yang:

• Navigasikan antar rute dalam tata letak kolom sambil mempertahankan posisi gulir (dukungan tata letak)
• Kirim formulir tanpa diaktifkan JavaScript (peningkatan progresif)
• Menavigasi antar rute dengan sangat cepat (prefetching dan caching)
• Pertahankan posisi UI Anda di Reload (keadaan URL)

Demo: https://next-email-client.vercel.app

Tumpukan teknologi

• Kerangka kerja : Next.js
• Database : Postgres
• ORM : Gerimis
• UI Library : shadcn/ui

Memulai

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

Berjalan secara lokal

Gunakan skrip pengaturan yang disertakan untuk membuat file .env Anda:

pnpm db:setup

Kemudian, jalankan migrasi basis data dan benih database dengan email dan folder:

pnpm db:migrate
pnpm db:seed

Akhirnya, jalankan server pengembangan berikutnya.js:

pnpm dev

Buka http: // localhost: 3000 di browser Anda untuk melihat aplikasi beraksi.

Diterapkan

• ✅ Cari email
• ✅ Sidebar profil dengan informasi pengguna
• ✅ Lihat semua utas
• ✅ Lihat semua email di utas
• ✅ Menyusun tampilan
• ✅ Skrip Seed and Setup
• ✅ Sorot Teks yang dicari
• ✅ Hubungkan Tampilan Tulis
• ✅ Hapus email (pindah ke tempat sampah)
• Membuat dinamika profil samping
• Mendukung Markdown?
• Panah make up/down berfungsi untuk utas
• Pintasan keyboard global
• Pemformatan tanggal yang lebih baik
• Gaya mode gelap