Elyas Heidari

Elyas Heidari | Portfolio & Research Blog

Build a Next.js site to Pages Next.js Material UI TypeScript

This repository contains the source code for my personal portfolio and research blog, hosted at elihei2.github.io.

The site is designed as a Digital Curriculum Vitae and research showcase, built with a focus on:

πŸš€ Technologies

πŸ“‚ Project Structure

β”œβ”€β”€ posts/                  # Markdown blog posts
β”œβ”€β”€ public/                 # Static assets (images, CV.pdf)
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/                # Next.js App Router pages
β”‚   β”‚   β”œβ”€β”€ about/          # CV & Experience page
β”‚   β”‚   β”œβ”€β”€ blog/           # Blog index & dynamic posts
β”‚   β”‚   β”œβ”€β”€ projects/       # Software showcase
β”‚   β”‚   β”œβ”€β”€ reading/        # Reading list
β”‚   β”‚   └── page.tsx        # Home landing page
β”‚   β”œβ”€β”€ components/         # Reusable UI components
β”‚   β”‚   β”œβ”€β”€ Sidebar.tsx     # Main navigation drawer
β”‚   β”‚   └── PostCard.tsx    # Blog post list item
β”‚   β”œβ”€β”€ theme/              # MUI Theme configuration
β”‚   └── lib/                # Utilities (markdown parsing)
└── next.config.ts          # Static export configuration

πŸ› οΈ Getting Started

  1. Clone the repository:
    git clone https://github.com/EliHei2/elihei2.github.io.git
    cd elihei2.github.io
    
  2. Install dependencies:
    npm install
    
  3. Run the development server:
    npm run dev
    

    Open http://localhost:3000 to view the site.

  4. Build for production:
    npm run build
    

    The static output will be generated in the out/ directory.

πŸ“„ License

Β© 2026 Elyas Heidari. All Rights Reserved.