Content is driven by MDX files; adding an article or project only requires adding an .mdx file
Next.jsReactPortfolioBlog
ehsan-kazemi.ir — Next.js Portfolio Template
By eh3ankazemi
A Next.js personal portfolio and blog template that uses MDX to manage projects, work experience, and article content.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Built-in four content sections: Home, Work, Projects, and Blog
Automatically generates pages, navigation, filtering, and search without extra configuration
Uses Next.js, React, TypeScript, Tailwind CSS, and MDX
Provides Prettier and ESLint configurations and supports multiple package managers
MIT license, allowing modification, commercial use, and distribution
Template Details
This is a personal website template built with Next.js, aimed at developers showcasing work, blog posts, and work experience. The pages are divided into four sections: Home, Work, Projects, and Blog. Content is stored as MDX files in the src/data/blog, src/data/work, and src/data/projects directories, with each file containing frontmatter metadata such as title, description, date, and tags. To add content, you only need to add an .mdx file; the application automatically discovers the file and generates pages, navigation, filtering, and search without modifying the application source code. The tech stack includes Next.js, React, TypeScript, Tailwind CSS, MDX, and Lucide icons. Package managers supported include Bun, npm, pnpm, or Yarn, and Prettier and ESLint are configured. The project can be deployed on platforms that support Node.js; the README recommends Vercel and also lists options such as Netlify, Render, AWS Amplify, Railway, and DigitalOcean. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright and license notice are retained when distributing; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
Next.jsReactPortfolioBlog
Is it right for your project?
Use Cases
- Build a personal portfolio website to centrally showcase projects and work experience
- Create a technical blog written in MDX
- Use as a starter template for a Next.js and MDX content site
- Deploy to platforms that support Node.js, such as Vercel or Netlify
Suitable For
- Developers who need a combined portfolio and blog
- People accustomed to managing content with Markdown/MDX
- Front-end developers using Next.js and TypeScript
- Users who want to freely modify and distribute the code under the MIT license
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Content files are placed in the src/data/blog, src/data/work, and src/data/projects directories
- 2
Each MDX file must include frontmatter metadata such as title, description, date, and tags
- 3
Dependencies can be installed and the project built using Bun, npm, pnpm, or Yarn
- 4
Deploy to a platform that supports Node.js; the README recommends Vercel
- 5
Third-party images, fonts, and icon assets must be checked separately for licensing
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/eh3ankazemi/ehsan-kazemi.ir/blob/main/LICENSEhttps://github.com/eh3ankazemi/ehsan-kazemi.ir/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Next.js · React
- Website type
- Portfolio · Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-10-03
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: e55f18075beef0ca1e232eb4dcedd26a460f2a463049c54f97449f17d829c8f8
2026-10-03T16:54:51.041Z
Source file / repository# 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">         </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 [](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**.
Explore similar templates
Compare previews and descriptions within the same stack and category.
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
react-resume-template
A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.
Next.js · Portfolio
Nextjs-tailwindcss-blog-template
A personal blog template built with Next.js and Tailwind CSS, using Velite to process Markdown content. It includes home, about, contact and article pages, with a demo site and a companion YouTube tutorial.
Next.js · Blog
Next-js-Blog-Boilerplate
A blog starter built on Next.js 12 and Tailwind CSS 3, integrating TypeScript, ESLint, Prettier, and PostCSS.
Next.js · Blog
nextjs-blog-theme
A Next.js 15 and Tailwind CSS 4.x blog starter by Netlify, designed by Bejamas, with MDX support, dark/light theme switching, and environment-variable configuration. It includes a visual setup wizard for deploying to Netlify and manages content via local .mdx files.
Next.js · Blog
blog
A personal blog forked from Timlrx's tailwind-nextjs-starter-blog, built with Next.js, React, and Tailwind CSS. Content is stored as Markdown/MDX under data/, with site, author, navigation, and project data in separate files.
Next.js · Blog