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.