next email client

next.js電子メールクライアント

これは、next.jsとpostgresで構築された電子メールクライアントテンプレートです。アプリルーターのいくつかの機能を披露するために構築されています。これにより、次の製品を構築できます。

• スクロール位置を維持しながら、列レイアウトのルート間をナビゲートします（レイアウトサポート）
• JavaScriptを有効にしないフォームを送信します（プログレッシブエンハンスメント）
• ルート間で非常に高速に移動します（プリフェッチとキャッシュ）
• リロード（URL状態）にUIの位置を保持する

デモ：https：//next-email-client.vercel.app

技術スタック

• フレームワーク：next.js
• データベース：Postgres
• Orm ：霧雨
• UIライブラリ：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

最後に、next.js開発サーバーを実行します。

pnpm dev

http：// localhost：ブラウザで3000を開いて、アプリが動作しているのを確認します。

実装

• emailsメールを検索します
• ✅ユーザー情報を備えたプロファイルサイドバー
• ollすべてのスレッドを表示します
• swethスレッド内のすべてのメールを表示します
• biewsビューを作成します
• ✅シードとセットアップスクリプト
• search検索テキストを強調表示します
• composeビューを接続します
• ✅メールを削除する（ゴミに移動）
• サイドプロファイルを動的にします
• マークダウンをサポートしますか？
• メイクアップ/ダウン矢印はスレッドで動作します
• グローバルキーボードショートカット
• より良い日付のフォーマット
• ダークモードスタイル