Ben's Next.js MDX Portfolio

Strikes a balance between

• Simple content authoring
• Lightweight, flexible stack
• Support for frequent changes and maintenance

Key Features

• Static Site Generation using Next.js
• Dynamic routing using page slugs
• Custom API for retrieving markdown files
• Markdown parsed to HTML
• Metadata (frontmatter) stored in markdown files
• Markdown can include JSX (MDX) so components can be embedded
• Responsive image sets auto-generated at build-time
• Custom React components (functional components with hooks)
• Built with Node.js, Babel and Webpack

Live Demo

Auto-deployed to Vercel