codepedia-top/codepedia-website ? reverse-engineered prompt

Build me a clean blog website for Codepedia in Next.js, with articles written in MDX and a simple content driven setup.

I want a homepage that makes the blog easy to browse, a page for individual posts, and a nice reading experience with headings, code blocks, links, and images styled well. The site should feel modern and lightweight, with reusable components for common UI pieces and a layout that works well on desktop and mobile. Add basic navigation, a polished header and footer, and make sure the content folder can be used to add new posts easily without touching the app much.

Please keep the design simple and focused on reading, since this is mainly a blog. If you need anything current from the framework or docs, look it up online. Also make sure the project runs cleanly, builds without errors, and the MDX content is wired up properly so new posts show up as expected.