arns.dev - Personal Website of Patrick Arns

🌐 Live Website: arns.dev

A modern, responsive personal website showcasing the work and projects of Patrick Arns. Built entirely from scratch using cutting-edge web technologies with a focus on performance, accessibility, and user experience.

✨ Features

• 🌍 Multi-language Support - Available in German and English
• 🎨 Modern Design - Clean, professional interface with smooth animations
• 📱 Fully Responsive - Optimized for all devices and screen sizes
• ⚡ High Performance - Built with Next.js 15 for optimal speed
• 🔍 SEO Optimized - Enhanced search engine visibility
• ♿ Accessible - WCAG compliant for inclusive user experience
• 🎢 Interactive Elements - Engaging desktop-style interface
• 📝 Content Management - Powered by Contentful CMS

🛠️ Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Headless UI
• Icons: Heroicons
• Content: Contentful
• Deployment: Vercel
• Package Manager: pnpm

🚀 Getting Started

Prerequisites

• Node.js 18.17 or later
• pnpm (recommended) or npm/yarn

Installation

1. Clone the repository:

git clone https://github.com/PArns/next.patrick-arns.de.git
cd next.patrick-arns.de

2. Install dependencies:

pnpm install
# or
npm install

3. Set up environment variables:

cp .env.local.example .env.local
# Edit .env.local with your configuration

4. Run the development server:

pnpm dev
# or
npm run dev

5. Open http://localhost:3000 in your browser to see the result.

📁 Project Structure

├── app/                    # Next.js App Router pages
├── components/             # Reusable UI components
├── configuration/          # App configuration
├── data-provider/         # Data fetching utilities
├── helper/                # Utility functions
├── i18n/                  # Internationalization
├── parts/                 # Page sections
└── public/                # Static assets

🔧 Available Scripts

pnpm dev          # Start development server with Turbopack
pnpm build        # Build for production
pnpm start        # Start production server
pnpm lint         # Run ESLint
pnpm analyze      # Analyze bundle size

🌟 Highlights

This website represents a complete redesign and rebuild, featuring:

• No IFrames: Complete elimination of IFrames for better SEO and performance
• Modern Architecture: Leveraging Next.js App Router for optimal performance
• Responsive Design: Desktop-style interface that adapts beautifully to mobile
• International: Bilingual support for global accessibility
• Open Source: Fully transparent development process

📧 Contact

For business inquiries, especially from amusement park or ride manufacturers: your-page-is-awesome@arns.dev

📄 License

This project is open source and available under the MIT License.

---

Built with ❤️ by Patrick Arns