next email client

Next.js E -Mail -Client

Dies ist eine E -Mail -Client -Vorlage, die mit Next.js und Postgres erstellt wurde. Es ist entwickelt, um einige der Funktionen des App -Routers zu zeigen, mit denen Sie Produkte erstellen können, die:

• Navigieren Sie zwischen den Routen in einem Spaltenlayout, während Sie die Bildlaufposition beibehalten (Layoutsunterstützung)
• Formulare ohne aktivierter JavaScript einreichen (progressive Verbesserung)
• Navigieren Sie extrem schnell zwischen den Routen (Vorab- und Zwischenspeichern)
• Behalten Sie Ihre Benutzeroberfläche beim Nachladen (URL -Zustand) bei

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

Tech Stack

• Framework : Next.js
• Datenbank : Postgres
• ORM : Nieselregen
• UI -Bibliothek : Shadcn/UI

Erste Schritte

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

Vor Ort laufen

Verwenden Sie das mitgelieferte Setup -Skript, um Ihre .env -Datei zu erstellen:

pnpm db:setup

Führen Sie dann die Datenbankmigrationen aus und säumen Sie die Datenbank mit E -Mails und Ordnern:

pnpm db:migrate
pnpm db:seed

Führen Sie schließlich den nächsten.js -Entwicklungsserver aus:

pnpm dev

Öffnen Sie http: // localhost: 3000 in Ihrem Browser, um die App in Aktion anzuzeigen.

Implementiert

• ✅ Suche nach E -Mails
• ✅ Profil -Seitenleiste mit Benutzerinformationen
• ✅ Alle Themen anzeigen
• ✅ Alle E -Mails in einem Thread anzeigen
• ✅ Ansicht komponieren
• ✅ Saatgut- und Setup -Skript
• ✅ Highlight Searched Text
• ✅ Verbinden Sie die Ansicht zusammen
• ✅ E -Mails löschen (zum Müll wechseln)
• Seitenprofil dynamisch machen
• Markdown unterstützen?
• Make -Up/Down -Pfeile funktionieren für Threads
• Globale Tastaturverknüpfungen
• Besseres Datum Formatieren
• Dunkle Modusstile