Skip to main content

​
Client Overview

The Posthoot client is a Next.js 14 app that provides the web UI for campaigns, analytics, templates, contacts, and settings.

​
Tech Stack

  • Framework: Next.js 14 (App Router)
  • Language: TypeScript
  • UI: Tailwind CSS, shadcn/ui
  • Auth: NextAuth.js
  • State/Queries: React Query
  • Testing: Jest + Testing Library
  • Build: Bun/Node

​
Folder Structure (client/)

client/
  app/                 # Next.js routes (App Router)
  components/          # Reusable UI and feature components
  hooks/               # Custom React hooks
  lib/                 # Client-side utilities/services
  types/               # TypeScript types
  public/              # Static assets
  scripts/             # Helper scripts

​
Key Features

  • Authentication via NextAuth with server-side session
  • API integration via lib/services (typed)
  • Rich UI components for analytics and campaigns
  • Email template builder components