next email client

Next.js почтовый клиент

Это шаблон почтового клиента, построенный с Next.js и Postgres. Он построен, чтобы показать некоторые функции маршрутизатора приложения, которые позволяют создавать продукты, которые:

• Перейдите между маршрутами в макете столбца при сохранении положения прокрутки (поддержка макетов)
• Отправить формы без включения JavaScript (прогрессивное улучшение)
• Перейдите между маршрутами чрезвычайно быстро (предварительное получение и кэширование)
• Сохранить свою позицию пользовательского интерфейса на перезагрузке (состояние URL)

Демо: https://next-mail-client.vercel.app

Технический стек

• Структура : Next.js
• База данных : Postgres
• Орм : дождь
• Библиотека пользовательского интерфейса : shadcn/ui

Начиная

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

Бег на местном уровне

Используйте сценарий настройки для создания файла .env :

pnpm db:setup

Затем запустите миграции базы данных и заседайте базу данных электронными письмами и папками:

pnpm db:migrate
pnpm db:seed

Наконец, запустите сервер разработки следующего.js:

pnpm dev

Откройте http: // localhost: 3000 в вашем браузере, чтобы увидеть приложение в действии.

Реализовано

• ✅ Поиск по электронной почте
• ✅ Боковая панель профиля с информацией пользователя
• ✅ Просмотреть все потоки
• ✅ Посмотреть все электронные письма в ветке
• ✅ Составьте представление
• ✅ Сценарий семян и настройки
• ✅ Выделите текст поиска
• ✅ Подключить Compose View
• ✅ Удалить электронные письма (перейти на мусор)
• Сделать боковой профиль динамикой
• Поддержка отметки?
• Макияж/вниз стрелки работают для потоков
• Глобальные ярлыки клавиатуры
• Лучше форматирование даты
• Темные стили режима