Back to projects
NextJs MDX Portfolio

NextJs MDX Portfolio

Hamid Sabri / August 8, 2024

This is a portfolio website built with NextJs and MDX. It uses the @next/mdx package to render MDX content in NextJs pages.

Features

  • MDX Support: Write content in MDX format.
  • Syntax Highlighting: Code blocks are syntax highlighted.
  • Custom Components: Use custom components in your MDX files.
  • Responsive Design: The website is responsive and works on all devices.

Technologies

  • NextJs: A React framework for building static and dynamic websites.
  • MDX: A file format that allows you to write JSX in your Markdown files.
  • Tailwind CSS: A utility-first CSS framework for building custom designs.
  • Vercel: A cloud platform for static sites and serverless functions.

Getting Started

To get started with this project, you can clone the repository and install the dependencies:

git clone
cd next-mdx-portfolio
npm install

Once the dependencies are installed, you can run the development server:

npm run dev

The development server will start at http://localhost:3000.

Deployment

To deploy this project, you can use Vercel. You can link your GitHub repository to Vercel and deploy the project with a single click.

Conclusion

This portfolio website is a great example of how you can use NextJs and MDX to build a modern website with dynamic content. By combining the power of NextJs and MDX, you can create interactive and engaging websites that are easy to maintain and update.