rvedire.com

What It Is

The personal portfolio website for Raj Vedire, showcasing professional projects, work experience, technical skills, learning notes, and real-time GitHub contribution activity. Built as a content-driven static site with file-based content management and no database dependency.

Architecture

A Next.js App Router application with file-based content:

• Pages: Home (hero, experience timeline, tech stack marquee, featured projects, hobbies), projects listing and detail pages, technical notes, ideas collection, and a "now" page.
• Content System: All content stored as MDX files with YAML frontmatter in a /content directory. Nine content types: articles, notes, projects, ideas, now, about, contact, experience, and techstack. Parsed by gray-matter at build time.
• GitHub Integration: Server-side scraping of GitHub contribution data (daily counts, monthly and yearly totals) with ISR revalidation every hour.
• Rendering: Static site generation via generateStaticParams for all content pages. MDX rendering with custom styled components for headings, links, code blocks, and blockquotes.

Data Sources

• File System: MDX files in /content with YAML frontmatter.
• GitHub: Contribution data scraped server-side from the GitHub contributions page with 10-second timeout and ISR caching.

Current State

Live and actively maintained on Vercel. Recent work includes content updates, style refinements, layout restructuring (V2 design), MDX migration to next-mdx-remote 6.0, and Geist font family integration. The site serves as the central hub for all project overviews and progress reports.