Professional portfolio website showcasing expertise in full-stack development, blockchain technologies, and Web3 solutions. Built with modern technologies including Next.js, TypeScript, and React.

• Modern Tech Stack: Next.js 14, TypeScript, React 18, TailwindCSS
• Performance Optimized: SWC compilation, image optimization, code splitting
• SEO Optimized: Structured data, meta tags, sitemap generation
• PWA Support: Service worker, offline capabilities, mobile-first design
• Professional Design: Clean, responsive UI with smooth animations
• Project Showcase: Featured projects with detailed descriptions and tech stacks

• Frontend: Next.js, React, TypeScript, TailwindCSS
• Styling: SCSS, CSS Modules, Framer Motion
• Performance: SWC, Image Optimization, Bundle Analysis
• SEO: Next-Sitemap, Structured Data, Meta Tags
• PWA: Next-PWA, Service Worker
• Analytics: Vercel Analytics, Google Analytics

• Node.js 18+
• Yarn or npm

# Clone the repository
git clone https://github.com/max-tonny8/portfolio.git

# Navigate to the project directory
cd portfolio

# Install dependencies
yarn install

# Start development server
yarn dev

# Build the application
yarn build

# Start production server
yarn start

portfolio/
├── pages/                 # Next.js pages
├── src/
│   ├── components/        # React components
│   ├── content/          # JSON content files
│   └── styles/          # SCSS/CSS styles
├── public/              # Static assets
└── docs/               # Documentation

1. Content: Update JSON files in src/content/ directory
2. Styling: Modify SCSS files in src/styles/
3. Components: Edit React components in src/components/
4. SEO: Update meta tags in pages/_document.tsx

• Code Splitting: Dynamic imports for better bundle management
• Image Optimization: Next.js Image component with WebP/AVIF support
• Bundle Analysis: Webpack bundle analyzer integration
• Caching: Optimized caching strategies for static assets
• Compression: Gzip compression for production builds

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE.md file for details.

Tonny Jansen

• Email: [email protected]
• GitHub: @max-tonny8
• LinkedIn: Tonny Jansen
• Twitter: @max_tonny8

⭐ Star this repository if you found it helpful!