logo
Niiat Dispatch
Landing page

Niiat Dispatch

Niiat Dispatch is a fully-featured starter template built with Next.js 15, React 19, TailwindCSS v4, shadcn/ui (Radix Primitives), and lucide-react icons. It includes TanStack Query, Axios, React Hook Form + Zod, i18next (next-i18next), next-themes, Recharts dashboards, Sonner notifications, Framer Motion animations, TypeScript, ESLint, and Turbopack-ready development workflow for fast, scalable web applications.

Project Information

Role: Fullstack Developer
Team: Solo project
Duration: 2 days
Year: 2025

Tech Stack

Next.js 15
React 19
TailwindCSS v4
shadcn/ui (Radix Primitives)
Lucide React
TanStack Query
Axios
React Hook Form
Zod
i18next + next-i18next
next-themes
Recharts
Sonner
Framer Motion
TypeScript
ESLint
Turbopack

Key Features

  • Next.js 15 + React 19 project setup
  • TailwindCSS v4 and shadcn/ui components
  • TypeScript and ESLint configured
  • TanStack Query for server state management
  • Axios for API requests
  • React Hook Form + Zod for forms
  • i18next + next-i18next for multilingual support
  • next-themes for theme switching
  • Recharts dashboards
  • Sonner notifications
  • Framer Motion animations
  • Turbopack-ready dev workflow

My Responsibilities

  • Set up Next.js 15 + React 19 project with TailwindCSS v4 and TypeScript
  • Implemented shadcn/ui (Radix Primitives) components and Lucide React icons
  • Configured TanStack Query, Axios, and React Hook Form + Zod for data handling
  • Integrated i18next and next-themes for multilingual and theme support
  • Built dashboards using Recharts and interactive notifications with Sonner
  • Implemented animations using Framer Motion
  • Ensured ESLint compliance and Turbopack development workflow

Advantages

  • Comprehensive Dispatch Services: Tailored solutions, paperwork & compliance, 24/7 support
  • Truck Types We Serve: Dry Van, Reefer, Power Only, Flatbed & Stepdeck
  • Trusted Partnerships: Amazon Relay, J.B Hunt, Schneider, TQL
  • Transparent Pricing: No upfront fees, flat % per load, first load free
  • Why Choose NIIAT DISPATCH: Better loads, no forced contracts, driver-focused, proven experience

Challenges

  • Integrating multiple modern libraries in a single starter project
  • Ensuring multilingual support with next-i18next
  • Managing state and data fetching efficiently with TanStack Query
  • Building reusable UI components with shadcn/ui and TailwindCSS
  • Creating responsive dashboards and notifications with Recharts and Sonner

Solutions

  • Structured project with modular component design and proper folder hierarchy
  • Leveraged React Hook Form + Zod for robust form handling and validation
  • Used TanStack Query for efficient server state management
  • Implemented i18next + next-i18next for seamless internationalization
  • Configured Turbopack for fast build and development workflow
  • Applied TailwindCSS v4 and shadcn/ui for responsive and reusable UI components

Project Gallery

Niiat Dispatch - Image 1
Niiat Dispatch - Image 2
Niiat Dispatch - Image 3
Niiat Dispatch - Image 4
Niiat Dispatch - Image 5
Niiat Dispatch - Image 6