[This Site] rizalalfarizi.com

# Overview

This is my current personal website. It brings together writing, selected project work, technical notes, and contact information in one place.

# Business Context

The site is not a commercial product, but it serves a professional purpose: it gives people a clearer way to understand how I think, what I have built, and how to reach me.

# My Role

I designed, built, and maintain the website end to end.

# Key Capabilities

• Portfolio and selected work pages
• MDX-powered blog posts
• Tag pages for writing and project discovery
• Contact form with email handling
• Responsive UI with motion and rough-notation accents
• Content asset handling through Velite

# Technical Direction

The site uses Next.js App Router, Tailwind CSS, shadcn/ui, Framer Motion, Velite, Zod, Resend, and React Email. Project and blog content live in MDX and are processed into typed data during build.

The implementation prioritizes maintainable content workflows, fast static pages, and a visual language that still feels personal.

# Outcome / Impact

The site acts as the main public home for my writing and portfolio. It has also become a practical place to refine how I present professional work over time.

# Gallery

• Screenshot placeholder: homepage
• Screenshot placeholder: selected work page
• Screenshot placeholder: blog listing
• Screenshot placeholder: contact form