Skip to content
Pillow Documentation

Pillow App

Pillow App is the main Next.js frontend application that provides a modern, responsive interface for exploring and interacting with real estate data.

Overview

Section titled “Overview”

Pillow App provides:

  • Property search and filtering
  • Interactive property listings
  • Market analytics and insights
  • Responsive, mobile-optimized UI
  • Real-time data updates from Mill API

Key Features

Section titled “Key Features”
  • Modern UI/UX: Built with Next.js 14 and TypeScript
  • Property Search: Advanced search and filtering capabilities
  • Interactive Maps: Property visualization (when Mapbox is configured)
  • Market Analytics: Real-time market insights and statistics
  • Responsive Design: Mobile-first, accessible interfaces
  • API Integration: Seamless integration with Mill API

Technology Stack

Section titled “Technology Stack”
  • Framework: Next.js 14
  • Language: TypeScript
  • Styling: Tailwind CSS
  • State Management: React hooks
  • API Client: Custom Mill API client

Getting Started

Section titled “Getting Started”

Start the Pillow App:

Terminal window
# From repository root (recommended)
npm run install:all
npm run dev


# Or from pillow-app directory
cd pillow-app
npm install
cp .env.example .env.local
# Edit .env.local with your Mill API URL
npm run dev

The application will be available at http://localhost:3000.

Configuration

Section titled “Configuration”

Configure the Mill API connection in pillow-app/.env.local:

Terminal window
NEXT_PUBLIC_MILL_API=http://localhost:4000
MILL_API=http://localhost:4000
MILL_API_TIMEOUT=10000

Development

Section titled “Development”

Running Tests

Section titled “Running Tests”
Terminal window
cd pillow-app
npm test

Building for Production

Section titled “Building for Production”
Terminal window
cd pillow-app
npm run build
npm start

Next Steps

Section titled “Next Steps”