next email client

Cliente de e -mail next.js

Este é um modelo de cliente de email criado com o Next.js e o PostGres. Ele foi construído para mostrar alguns dos recursos do roteador de aplicativos, que permitem criar produtos que:

• Navegue entre as rotas em um layout da coluna, mantendo a posição de rolagem (suporte aos layouts)
• Enviar formulários sem JavaScript ativado (aprimoramento progressivo)
• Navegue entre as rotas extremamente rápidas (pré -busca e cache)
• Mantenha sua posição de interface do usuário no recarregamento (estado de URL)

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

Pilha de tecnologia

• Estrutura : next.js
• Banco de dados : PostGres
• ORM : regue
• Biblioteca da interface do usuário : shadcn/ui

Começando

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

Executando localmente

Use o script de configuração incluído para criar seu arquivo .env :

pnpm db:setup

Em seguida, execute as migrações do banco de dados e semeia o banco de dados com e -mails e pastas:

pnpm db:migrate
pnpm db:seed

Finalmente, execute o Next.js Development Server:

pnpm dev

Abra http: // localhost: 3000 no seu navegador para ver o aplicativo em ação.

Implementado

• ✅ Pesquise por e -mails
• ✅ Barra lateral do perfil com informações do usuário
• ✅ Veja todos os tópicos
• ✅ Veja todos os e -mails em um tópico
• ✅ Componha visualização
• ✅ Script de semente e configuração
• ✅ Destaque Texto pesquisado
• View View Compose Compose
• ✅ Excluir e -mails (vá para o lixo)
• Tornar o perfil lateral dinâmico
• Apoiar o Markdown?
• As setas de maquiagem/para baixo funcionam para tópicos
• Atalhos globais de teclado
• Melhor formatação de data
• Estilos de modo escuro