next email client

Next.js Correo electrónico Cliente

Esta es una plantilla de cliente de correo electrónico construida con Next.js y Postgres. Está construido para mostrar algunas de las características del enrutador de aplicaciones, lo que le permite crear productos que:

• Navegue entre rutas en un diseño de columna mientras mantiene la posición de desplazamiento (soporte de diseños)
• Enviar formularios sin JavaScript habilitado (mejora progresiva)
• Navegue entre rutas extremadamente rápido (captación previa y almacenamiento en caché)
• Conserve su posición de interfaz de usuario en la recarga (estado de URL)

Demostración: https://next-email-client.vercel.app

Pila de tecnología

• Marco : Next.js
• Base de datos : Postgres
• Orm : llovizna
• Biblioteca UI : Shadcn/UI

Empezando

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

Ejecutando localmente

Use el script de configuración incluido para crear su archivo .env :

pnpm db:setup

Luego, ejecute las migraciones de la base de datos y sembra la base de datos con correos electrónicos y carpetas:

pnpm db:migrate
pnpm db:seed

Finalmente, ejecute el servidor de desarrollo Next.js:

pnpm dev

Abra http: // localhost: 3000 en su navegador para ver la aplicación en acción.

Implementado

• ✅ Buscar correos electrónicos
• ✅ Barra lateral de perfil con información del usuario
• ✅ Ver todos los hilos
• ✅ Ver todos los correos electrónicos en un hilo
• ✅ Vista de composición
• ✅ Script de semilla y configuración
• ✅ resaltar texto buscado
• ✅ Vista de composición de conexión
• ✅ Eliminar correos electrónicos (mudarse a la basura)
• Hacer la dinámica del perfil lateral
• ¿Apoya a Markdown?
• Las flechas de maquillaje/abajo funcionan para hilos
• Atajos globales de teclado
• Mejor formato de fecha
• Estilos de modo oscuro