A modern portfolio website built with Nuxt 4, Nuxt UI, and Tailwind CSS.
- Framework: Nuxt 4
- UI Library: Nuxt UI
- Styling: Tailwind CSS v4
- Package Manager: pnpm
- Linting: ESLint with @nuxt/eslint
/app
/components # Vue components
/composables # Composable functions
/layouts # Layout components
/pages # File-based routing
/assets # Static assets
/styles # SCSS styles
/utils # Utility functions
- Node.js LTS (20+)
- pnpm 8+
pnpm installpnpm devpnpm buildpnpm previewpnpm lintThe project includes .vscode/settings.json with:
- Auto-save enabled (1s delay)
- ESLint auto-fix on save
- Format on save
This project has been migrated from Vue 3 with Vuetify to Nuxt 4 with Nuxt UI and Tailwind CSS. The migration includes:
- ✅ Nuxt 4 project structure with app directory
- ✅ Nuxt UI replacing Vuetify components
- ✅ Tailwind CSS v4 for styling
- ✅ File-based routing
- ✅ Composables for state management
- ✅ Latest ESLint configuration
- ✅ VS Code settings for auto-save
The project can be deployed to any static hosting service that supports Nuxt:
pnpm generateThis creates a dist folder ready for static deployment.
This application is fully containerized and can be run using Docker.
# Build and run with Docker Compose
docker-compose up -d
# View logs
docker-compose logs -f
# Stop the container
docker-compose down# Build the image
docker build -t kiranparajuli-app .
# Run the container
docker run -p 3000:3000 kiranparajuli-appThe application will be available at http://localhost:3000.
For development, you can still use the local environment:
pnpm devThis will start the development server at http://localhost:3000 with hot module replacement.