A minimal, lightweight, and high-performance personal portfolio built with Next.js 15, Tailwind CSS 4, and TypeScript 5 — designed to achieve excellent Lighthouse scores.
-
✨ Minimal and clean UI for focus and readability
-
⚡ Optimized for speed with top Lighthouse performance
-
🛠️ Built with modern technologies: Next.js 15, Tailwind CSS 4, TypeScript 5
-
🧩 MDX support for flexible content and components
-
🧹 Strict linting and clean coding standards
-
📱 Responsive design for all devices
-
Framework: Next.js 15 (with Turbopack)
-
Styling: Tailwind CSS 4
-
Language: TypeScript 5
-
Markdown/Content: MDX (@mdx-js/react, @next/mdx)
-
Linting: ESLint (with Next.js configuration)
-
Performance:Achieves 82–100% scores on Lighthouse across:
-
Performance
-
Accessibility
-
Best Practices
-
SEO
-
# Clone the repository
git clone https://github.com/zeynabmvs/zeynab-dev.git
# Navigate to the project directory
cd zeynab-dev
# Install dependencies
npm install
# Run the development server
npm run dev
-
npm run dev
— Start the development server -
npm run build
— Build for production -
npm run start
— Start the production server -
npm run lint
— Run lint checks
Read project's case study here
This project is licensed under the MIT License.