Back to Templates

π MDXpress Blog - CNP (Compiled N' Portable)
MDXpress Blog - CNP is a serverless-friendly version of the original MDXpress Blog, reworked to deploy seamlessly on platforms like Vercel using Serverless Functions.
Itβs a markdown-powered, minimal blogging platform that compiles content on-the-fly without any backend server, database, or complex setup.
β¨ What's New in CNP?
- β Serverless Architecture: Powered by Vercel Serverless Functions.
- πͺ Vercel-Ready: No
server.js
, works natively withvercel dev
and on production deploys. - π /api Directory Support: Each route is handled through functions inside the
/api/
folder. - βοΈ Markdown Compilation: Still powered by
marked
, now running serverlessly. - π Same UI, Better Delivery: No compromises on theming, dark mode, or user experience.
π Project Structure
mdxpress-blog-cnp/βββ api/ # Serverless function handlersβ βββ index.js # Homepage renderingβ βββ blog.js # Blog listing routeβ βββ blog/[slug].js # Dynamic blog renderingβββ public/β βββ blogs/ # Markdown files for each blog postβ βββ styles/ # CSS with dark mode supportβ βββ views/ # HTML templatesβββ vercel.json # Vercel routing and configβββ package.json # Metadata and dependenciesβββ README.md # This file
π§ͺ How to Run Locally
-
Clone the Repository
git clone https://github.com/eshan-singh78/MDXpress-Blogcd MDXpress-Blog-CNP -
Install Dependencies
npm install -
Run Locally with Vercel
vercel dev -
Visit the App Open http://localhost:3000 in your browser.
π How It Works on Vercel
- All backend logic is handled via Serverless Functions in
/api
. - Static assets (styles, markdown files) are served from
/public
. - HTML templates are combined with rendered Markdown and returned as HTML.
πββοΈ About the Creator
Crafted by Eshan Singh, a full-stack developer & cybersecurity enthusiast exploring the balance of performance and simplicity in web apps.
Looking to contribute, request features, or report issues? Feel free to open a PR or issue!