NextJs MDX Portfolio

Aug 2024

What is NextJs MDX Portfolio?

NextJs MDX Portfolio is a modern portfolio website built with NextJs and MDX. It leverages the @next/mdx package to seamlessly render MDX content within NextJs pages, allowing you to combine Markdown with React components for a dynamic, interactive experience.

Features

  • MDX Support: Write content in MDX format, mixing Markdown with JSX.
  • Syntax Highlighting: Enjoy beautifully rendered code blocks with syntax highlighting.
  • Custom Components: Integrate custom components directly within your MDX files.
  • Responsive Design: Designed to work perfectly on all devices.

Technologies

  • NextJs: A powerful React framework for building both static and dynamic websites.
  • MDX: A file format that enables you to write JSX in your Markdown files.
  • Tailwind CSS: A utility-first CSS framework that helps you build custom designs rapidly.
  • Vercel: A cloud platform that simplifies the deployment of static sites and serverless functions.

Getting Started

To set up the project locally, follow these steps:

# Clone the repository
git clone https://github.com/yourusername/next-mdx-portfolio.git

# Navigate into the project directory
cd next-mdx-portfolio

# Install the dependencies
npm install
Shri