Personal Website - Next.js Version

A modern, high-performance personal portfolio website built with Next.js 15, TypeScript, and Tailwind CSS.

🚀 Features

• Next.js 15 with App Router for optimal performance
• TypeScript for type safety and better developer experience
• Tailwind CSS v4 for modern, responsive styling
• Server Components by default for better performance
• SEO Optimized with comprehensive metadata and structured data
• Instagram Integration with automatic content fetching
• Performance Optimized with image optimization, caching, and code splitting
• Accessibility compliant with WCAG guidelines
• Responsive Design that works on all devices

🛠️ Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/schulzetenberg/personal-website.git
   cd personal-website

2. Install dependencies:

   npm install

3. Create environment file (optional):

   cp .env.example .env.local

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

🚀 Deployment

This project is optimized for deployment on Cloudflare workers.

🔧 Performance Features

• Image Optimization - Cloudflare image transformations
• Code Splitting - Automatic code splitting for optimal loading
• Server Components - Server-side rendering by default
• Caching - API responses cached for 1 hour
• Compression - Built-in gzip compression
• Font Optimization - Google Fonts with font-display: swap

📊 SEO Features

• Metadata API - Comprehensive metadata for all pages
• Open Graph - Social media preview optimization
• Twitter Cards - Twitter-specific metadata
• Structured Data - JSON-LD for better search understanding
• Sitemap - Dynamic sitemap generation
• Robots.txt - Search engine crawling instructions