# Next.js Portfolio Template with Docker

Modern portfolio website template built with Next.js, Tailwind CSS, and Docker.

## Features
- Next.js 14+ with App Router
- Tailwind CSS for styling
- Docker multi-stage builds
- PNPM package manager
- Production-ready configuration
- Responsive design

## Core Dependencies
- Next.js 14 (App Router)
- React 18
- Tailwind CSS 3
- PNPM 8
- TypeScript 5
- Lucide React Icons
- PostCSS 8

## Development Setup
1. Install PNPM: `corepack enable && corepack prepare pnpm@latest --activate`
2. Install dependencies: `pnpm install`
3. Run development server: `docker compose -f docker-compose.dev.yml up`

## Production Deployment
1. Build and run: `docker compose up -d`
2. Access site on port 805

## Docker Configurations
- `docker-compose.yml` - Production deployment
- `docker-compose.dev.yml` - Local development with hot reload
- `docker-compose.staging.yml` - Staging environment

## Portainer Deployment
1. Add repository to Portainer
2. Use `docker-compose.yml` as compose path
3. Deploy stack

## Structure
- `/src/app` - Next.js pages and routes
- `/src/components` - Reusable React components
- `/src/styles` - Global styles and Tailwind config