ehsan-kazemi.ir — Next.js 作品集模板

SHA-256: e55f18075beef0ca1e232eb4dcedd26a460f2a463049c54f97449f17d829c8f8

2026-10-03T16:54:51.041Z

# Next.js Developer-Themed Personal Website Template

This is a custom personal website theme built using [Next.js](https://nextjs.org), bootstrapped with
[`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). It's designed as a minimal,
performance-focused starting point for showcasing your **work**, **blogs**, and **projects**.

<div align="center">

![Next.js](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/next?style=for-the-badge&logo=next.js&color=black&label=Next.js)
![TypeScript](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/dev/typescript?style=for-the-badge&logo=typescript&color=blue&label=TypeScript)
![React](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/react?style=for-the-badge&logo=react&color=61DAFB&label=React)
![Tailwind CSS](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/dev/tailwindcss?style=for-the-badge&logo=tailwind-css&color=38B2AC&label=Tailwind%20CSS)
![MDX](https://img.shields.io/badge/MDX-Supported-orange?style=for-the-badge&logo=mdx)
![Prettier](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/dev/prettier?style=for-the-badge&logo=prettier&color=F7B93E&label=Prettier)
![ESLint](https://img.shields.io/github/package-json/dependency-version/eh3ankazemi/ehsan-kazemi.ir/dev/eslint?style=for-the-badge&logo=eslint&color=4B32C3&label=ESLint)
![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)

</div>

## 🧱 Project Structure

The portfolio is organized into four main sections:

- 🏠 **Home** — `/`
- 💼 **Work** — `/work`
- 🚀 **Projects** — `/projects`
- ✍️ **Blog** — `/blog`

Each section is powered by **MDX**, making it easy to manage content without modifying the application's source code.

### ✨ Content-First Workflow

Adding new content is simple—just create a new `.mdx` file.

- **Blog Posts** → `src/data/blog/`
- **Work Experience** → `src/data/work/`
- **Projects** → `src/data/projects/`

Every file contains frontmatter metadata (such as title, description, date, tags, and more) along with the page content.

The application automatically discovers new files and generates pages, navigation, filtering, and search—no additional configuration required.

---

## 📚 Useful Resources

Want to learn more about the technologies used in this project?

- 📘 **Next.js** — https://nextjs.org/docs
- ⚛️ **React** — https://react.dev
- 🎨 **Tailwind CSS** — https://tailwindcss.com/docs
- 📝 **MDX** — https://mdxjs.com
- 🌐 **TypeScript** — https://www.typescriptlang.org/docs
- 🌍 **MDN Web Docs** — https://developer.mozilla.org/

---

## ▲ Deployment

This project can be deployed on any platform that supports **Node.js**.

Popular options include:

- ▲ Vercel *(recommended)*
- Netlify
- Render
- AWS Amplify
- Railway
- DigitalOcean

Simply build the project and deploy the generated application to your preferred hosting provider.

---

## 🛠 Tech Stack

Built with modern web technologies:

- ⚛️ Next.js
- 🧱 TypeScript
- 💅 Tailwind CSS
- 📝 MDX
- ⚡ React
- 🎨 Lucide Icons
- 📦 Bun / npm / pnpm / Yarn

---

## ⭐ Star History

[![Star History Chart](https://api.star-history.com/svg?repos=eh3ankazemi/ehsan-kazemi.ir&type=date&legend=top-left)](https://www.star-history.com/#eh3ankazemi/ehsan-kazemi.ir&type=date&legend=top-left)

---

## 🪪 License

This project is open source and available under the **MIT License**.

---

## 💬 Contributing

Contributions, bug reports, feature requests, and feedback are always welcome.

If you'd like to improve the project, feel free to open an issue or submit a pull request. For contribution guidelines, see **CONTRIBUTING.md**.