1.2 KiB
1.2 KiB
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
- Install PNPM:
corepack enable && corepack prepare pnpm@latest --activate - Install dependencies:
pnpm install - Run development server:
docker compose -f docker-compose.dev.yml up
Production Deployment
- Build and run:
docker compose up -d - Access site on port 805
Docker Configurations
docker-compose.yml- Production deploymentdocker-compose.dev.yml- Local development with hot reloaddocker-compose.staging.yml- Staging environment
Portainer Deployment
- Add repository to Portainer
- Use
docker-compose.ymlas compose path - Deploy stack
Structure
/src/app- Next.js pages and routes/src/components- Reusable React components/src/styles- Global styles and Tailwind config