MDX Blog Template

SScar Chin·Published 1 year ago
$99$1.99Member price

A flexible MDX blog — articles, image posts and Flomo-style cards with a built-in CMS, newsletter and analytics.

Become a ShipAny Premium member to buy templates at the member price

Tech stack

Next.jsTailwindCSSShadcn/UI

What is MDX Blog Template?

MDX Blog Template is a highly flexible personal blog by Scar Chin, built on ShipAny. It supports long-form MDX articles, image-rich posts and short Flomo-style cards, so one site can hold essays, photo diaries and quick notes.

A built-in CMS makes publishing convenient, and email subscriptions, user login and analytics are included for growing an audience.

Who it's for

  • Indie makers writing in public
  • Creators who mix essays, photos and short notes
  • Developers who want MDX with components
  • Anyone building a newsletter alongside a blog

Key features

MDX articles

Write in Markdown and embed React components such as charts.

Image posts and cards

Photo-rich posts and Flomo-style short cards alongside long articles.

Built-in CMS

Create and manage content without editing files by hand.

Email subscription

Collect subscribers and keep readers updated.

Login and analytics

User sign-in and built-in analytics to understand your audience.

What's included

Framework
Next.js, Tailwind CSS, shadcn/ui
Content
MDX, image posts, cards
Growth
Email subscription, analytics
Base
ShipAny
Author
Scar Chin

Getting started

  1. 1

    Get the code

    Buy the template and activate your order to access the repository.

  2. 2

    Configure

    Set up the database, auth and email provider for subscriptions.

  3. 3

    Write and publish

    Add your first posts in the CMS or as MDX files, then deploy.

What you can build with MDX Blog Template

Personal blogs

Essays, travel diaries and product notes in one place.

Build-in-public sites

Share progress and grow an email list.

Portfolio plus blog

Showcase projects next to your writing.

FAQ

What are Flomo-style cards?

Short, card-shaped notes for quick thoughts, shown alongside full articles.

Can I use React components in posts?

Yes. MDX lets you embed components, for example charts with recharts.

Who made this template?

Scar Chin, a ShipAny community author; the live demo is the author's own blog.

Technical details (README)

This highly flexible blog template supports publishing MDX articles, image-rich posts, and Flomo cards. It features a convenient built-in CMS, email subscription, user login, and analytics, all designed to deliver a smooth and efficient blogging experience.

Build your AI product today

Get ShipAny Premium, unlock the ShipAny template code, and launch in as little as an hour.