Next.js Client de messagerie
Il s'agit d'un modèle de client de messagerie construit avec Next.js et Postgres. Il est conçu pour montrer certaines des fonctionnalités du routeur de l'application, qui vous permettent de créer des produits qui:
- Naviguer entre les routes dans une disposition de colonne tout en maintenant la position de défilement (support de disposition)
- Soumettre des formulaires sans JavaScript activé (amélioration progressive)
- Naviguer entre les routes extrêmement rapides (préfectif et mise en cache)
- Conserver votre position d'interface utilisateur sur le rechargement (état d'URL)
Demo: https://next-email-lient.vercel.app
Pile technologique
- Framework : suivant.js
- Base de données : Postgres
- Orm : arroser
- Bibliothèque d'interface utilisateur : shadcn / ui
Commencer
git clone https://github.com/leerob/next-email-client
cd next-email-client
pnpm install
Courir localement
Utilisez le script de configuration inclus pour créer votre fichier .env :
Ensuite, exécutez les migrations de la base de données et semenez la base de données avec les e-mails et les dossiers:
pnpm db:migrate
pnpm db:seed
Enfin, exécutez le serveur de développement suivant.
Ouvrez http: // localhost: 3000 dans votre navigateur pour voir l'application en action.
Mis en œuvre
- ✅ Rechercher des e-mails
- ✅ Profile Barre latérale avec des informations utilisateur
- ✅ Afficher tous les fils
- ✅ Afficher tous les e-mails dans un fil
- ✅ View de compose
- ✅ Script de graines et de configuration
- ✅ Mettez en surbrillance le texte recherché
- ✅ Raccrochez la vue
- ✅ Supprimer les e-mails (passer à la poubelle)
- Rendre la dynamique du profil latéral
- Soutenir Markdown?
- Les flèches de maquillage / bas fonctionnent pour les fils
- Raccourcis clavier mondiaux
- Meilleur formatage de date
- Styles en mode sombre
