finlion-website/README.md

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

  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