Skip to content

ysumit99/ysumit99.github.io

Repository files navigation

Sumit Yadav | Staff Engineer Portfolio

Deploy to GitHub Pages Next.js Tailwind CSS TypeScript

The personal portfolio and engineering hub for Sumit Yadav, a Staff Software Engineer specializing in distributed systems, AI integrations, and highly scalable cloud-native architectures.

🌐 Live Site: ysumit99.github.io


🏗️ Architecture & Tech Stack

This portfolio is engineered for maximum performance, SEO optimization, and zero-maintenance deployment. It abandons heavy client-side rendering in favor of a purely static, edge-ready build.

  • Framework: Next.js (App Router)
  • Styling: Tailwind CSS + Lucide Icons + React Icons
  • Language: TypeScript
  • Deployment: GitHub Pages (Static Export)
  • CI/CD: Automated via GitHub Actions

🚀 Key Engineering Decisions

  1. Static Export (output: 'export'): The application is configured to compile down to raw HTML/CSS/JS at build time. This allows it to be hosted on any static edge network (like GitHub Pages) without requiring a Node.js runtime, resulting in sub-100ms TTFB (Time to First Byte).
  2. Component-Driven UI: Built using semantic HTML and highly modular React components for maintainability.
  3. Automated Pipeline: A custom GitHub Actions workflow (deploy.yml) handles dependency installation, static compilation, and artifact deployment on every push to the main branch.

💻 Local Development

To run this project locally and experiment with the architecture:

1. Clone the repository

git clone [https://github.com/ysumit99/ysumit99.github.io.git](https://github.com/ysumit99/ysumit99.github.io.git)
cd ysumit99.github.io

2. Install dependencies

npm install

3. Run the development server

npm run dev

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


📂 Project Structure

.
├── .github/workflows/   # CI/CD pipeline configuration (deploy.yml)
├── public/              # Static assets (favicons, images)
├── src/
│   └── app/
│       ├── globals.css  # Tailwind directives and global styles
│       ├── layout.tsx   # Root layout and SEO Metadata optimization
│       └── page.tsx     # Main portfolio interface and data arrays
├── next.config.ts       # Next.js static export configuration
└── tailwind.config.ts   # Tailwind theme settings

🤝 Connect

I am actively seeking Staff Engineer and Technical Leadership roles. If you are building ambitious, highly scalable systems, let's talk.


📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Designed and engineered by Sumit Yadav · Blog · LinkedIn · GitHub © 2026

About

Personal portfolio & blog — Staff Engineer targeting high-impact roles. Features live projects in AI engineering, distributed systems & real-time architecture.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors