auto-claude: subtask-1-4 - Add Docker deployment instructions section
This commit is contained in:
@@ -104,6 +104,64 @@ pnpm test
|
|||||||
pnpm run preview
|
pnpm run preview
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Docker Deployment
|
||||||
|
|
||||||
|
The application includes Docker support for containerized deployment.
|
||||||
|
|
||||||
|
### Prerequisites
|
||||||
|
|
||||||
|
- Docker
|
||||||
|
- Docker Compose
|
||||||
|
|
||||||
|
### Environment Variables
|
||||||
|
|
||||||
|
Create a `.env` file with the following variables:
|
||||||
|
|
||||||
|
```env
|
||||||
|
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
|
||||||
|
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
|
||||||
|
NEXT_PUBLIC_GA_TRACKING_ID=your_ga_tracking_id
|
||||||
|
NEXT_PUBLIC_SITE_URL=your_site_url
|
||||||
|
```
|
||||||
|
|
||||||
|
### Using Docker Compose (Recommended)
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Build and start the container
|
||||||
|
docker-compose up -d
|
||||||
|
|
||||||
|
# Stop the container
|
||||||
|
docker-compose down
|
||||||
|
|
||||||
|
# View logs
|
||||||
|
docker-compose logs -f
|
||||||
|
```
|
||||||
|
|
||||||
|
The application will be available at `http://localhost:3003`
|
||||||
|
|
||||||
|
### Using Docker Directly
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# Build the image
|
||||||
|
docker build -t portfolio-website .
|
||||||
|
|
||||||
|
# Run the container
|
||||||
|
docker run -p 3003:3000 \
|
||||||
|
-e NEXT_PUBLIC_SUPABASE_URL=your_supabase_url \
|
||||||
|
-e NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key \
|
||||||
|
-e NEXT_PUBLIC_GA_TRACKING_ID=your_ga_tracking_id \
|
||||||
|
-e NEXT_PUBLIC_SITE_URL=your_site_url \
|
||||||
|
portfolio-website
|
||||||
|
```
|
||||||
|
|
||||||
|
### Container Details
|
||||||
|
|
||||||
|
- **Port Mapping:** 3003 (host) → 3000 (container)
|
||||||
|
- **Base Image:** Node 20 Alpine
|
||||||
|
- **Package Manager:** pnpm
|
||||||
|
- **Health Check:** Automated health checks every 30 seconds
|
||||||
|
- **Restart Policy:** unless-stopped
|
||||||
|
|
||||||
## Key Technologies Used
|
## Key Technologies Used
|
||||||
|
|
||||||
**Languages:** TypeScript, Python, MDX
|
**Languages:** TypeScript, Python, MDX
|
||||||
|
|||||||
Reference in New Issue
Block a user