This is my personal portfolio website, built with Next.js and TypeScript, and deployed as a fully static site. It showcases my projects, skills, and contact information.
- ⚡ Blazing-fast static site generation (SSG)
- 📦 Built with TypeScript & modern web stack
- 🎨 Fully responsive and accessible design
- 🧩 Modular and clean component-based architecture
- 🌍 SEO-friendly and optimized for performance
- Next.js – React Framework with Static Generation
- TypeScript – Strongly typed JavaScript
- Chakra UI – UI Component Library
- React Icons – Icons
- Framer Motion – Smooth animations
Make sure you have the following installed:
- Node.js (v18 or later)
- pnpm
# Clone the repo
git clone https://github.com/barthofu/portfolio.git
cd portfolio
# Install dependencies
pnpm installpnpm dev
# Open your browser and navigate to http://localhost:3000pnpm build
pnpm export
# The static files will be generated in the `./out` directoryThe production deployment is handled by Cloudflare Pages, which automatically builds and deploys the site whenever changes are pushed to the main branch. The static files are served from the ./out directory.
Copyright (c) barthofu