A modern, highly interactive portfolio and tech blog built with Next.js 15, Velite (MDX), React, and Framer Motion. Designed to feel like a premium, native development environment (complete with a functional interactive terminal).
Live Preview: asimalizada.vercel.app
- Interactive Terminal Hero: A custom-built, fully functional interactive terminal on the homepage (
whoami,projects,blog,cat role, etc.). - MDX Powered Blog (Velite): Statically generated blog posts written in pure Markdown/MDX, processed dynamically via Velite.
- Giscus Comments: Fully integrated GitHub discussions bridging directly as blog comments.
- Premium Design System:
- Glassmorphic UI with CSS Variables
- Granular Accent Color switching
- Framer Motion page transitions & micro-animations
- Dark Mode built-in
- Syntax Highlighting & IDE UI: Custom code snippet wrappers mimicking modern VS Code experiences.
- Core Framework: Next.js 15 (App Router) + React 19
- Language: TypeScript
- Styling: Tailwind CSS + Vanilla CSS (Custom Design System)
- Animation: Framer Motion
- Content Management: Velite + MDX
- Deployment: Vercel
First, make sure you have node and pnpm (or npm/yarn) installed.
git clone https://github.com/asimalizada/portfolio.git
cd portfolionpm installnpm run devOpen http://localhost:3000 with your browser to see the result. The application will auto-reload when you make changes.
Write your articles inside the content/blog directory as .mdx files. Velite will automatically watch for changes and regenerate the JSON payload to display the posts seamlessly.
- LinkedIn: linkedin.com/in/asimali (Update with your actual URL)
- GitHub: github.com/asimalizada
This open-source project is available under the MIT License.