fajanzen.de is my personal developer portfolio, built with Next.js, TypeScript, and Tailwind CSS.
It showcases my skills in modern web development, responsive UI design, and clean, maintainable code.
This project represents both my technical expertise as a Computer Science student at Hochschule Darmstadt and my passion for building efficient, elegant, and performance-focused applications.
- Framework: Next.js 15
- Language: TypeScript
- Styling: Tailwind CSS 4
- Build Tools: PostCSS · Vercel Edge Middleware
- Deployment: Vercel
- ⚡ Server-Side Rendering (SSR) and Static Site Generation (SSG) for SEO and performance
- 🧠 Type-safe components using TypeScript
- 🎨 Utility-first design with Tailwind CSS
- 🌍 Custom Edge Middleware for domain redirects & SEO control
- 📱 Fully responsive layout for all screen sizes
- 🔒 CI/CD deployment via GitHub → Vercel
| Folder | Description |
|---|---|
app/ |
Core source code (layouts, pages, and components) |
public/ |
Static assets such as images and icons |
global.css |
Tailwind configuration and global styles |
middleware.ts |
Edge Middleware for redirects and SEO headers |
vercel.json |
Deployment rules and host headers configuration |
The website is automatically deployed via Vercel CI/CD from the main branch.
Every commit triggers a build, type check, and production deployment.
Production URL: https://fajanzen.de
Author: Noel Janzen
Role: Dualer Informatikstudent an der Hochschule Darmstadt
Focus Areas: Web Development · Software Engineering · Automation
| Language | Percentage |
|---|---|
| TypeScript | 93.7 % |
| JavaScript | 3.3 % |
| CSS | 3.0 % |
Contributions, issues, and feature requests are always welcome.
Feel free to open an issue or submit a pull request.
This project is more than a demo — it’s my digital calling card.
fajanzen.de showcases how I combine clean code, modern design, and technical precision.