# Building a Scalable MDX Blog with Next.js and Contentlayer As engineering leads, one of our recurring challenges is balancing scalability, readability, and extensibility when building content-heavy frontend applications. A lightweight, composable blog system using **Next.js (Pages Router)** and **Contentlayer** checks all the right boxes—type safety, statically generated performance, and full MDX control. In this post, you'll set up a production-grade foundation for a statically rendered blog using **Contentlayer** and **Next.js**, with an emphasis on correctness, long-term maintainability, and modern DX. --- ## Project Structure Here’s the

In this blog we will look how to setup Next.js and Contentlayer for an Blog page. Step one Install necessary deps ```bash npm install \ contentlayer next-contentlayer \ shiki rehype-shiki rehype-pretty-code \ rehype-autolink-headings rehype-slug rehype-rewrite rehype-stringify \ remark-gfm unified \ date-fns reading-time ``` create contentlayer.config.ts file add contentlayer.config.ts in your root of the project and you have to create your blog files in this folder folder strcture of the necessary files and folders ```bash /public /content /blog /markdown-syntax-guide index.mdx contentlayer.config.ts tsconfig.json nextjs.config.ts ``` ```ts

In Windows PowerShell, customizing your shell prompt can enhance your development environment by providing valuable information at a glance. This guide walks you through configuring Windows PowerShell to display a customized prompt with the username, date, and current folder name. ## Checking for Existing Profile **STEP 1**: Before proceeding, check if you have an existing profile set up in PowerShell: ```powershell test-path $profile ``` **STEP 2**: If the result is false, create a new profile: ```powershell new-item -path $profile -itemtype file -force ``` **STEP 3**: Now, open the profile in Notepad: ```powershell notepad $profile ``` **ST