Bon5R

Create static, blog-aware websites with pure MDX.

A scalable framework allowing you to create beautiful, responsive websites without ever touching HTML, CSS or JS.

yarn create bon5r-app my-app

pages/index.mdx

import Header from "@/components/Header";
import BlogTitle from "@/components/BlogTitle";
import Footer from "@/components/Footer";

<Header title=" My Blog Title" />

## Hello World! 
This is my first post! In this page, we will prove the
[Riemann Hypothesis](Riemann Hypothesis).
Begin by noting that the Riemann zeta function
is defined as the following:

$$
\zeta(s) = \sum_{n=1}^\infty = \frac{1}{n^s}
$$

<Footer content="Code with  by @manuanish" />

http://localhost:3000

My Blog Title

Hello World!

This is my first post! In this page, we will prove the Riemann Hypothesis.

Begin by noting that the Riemann zeta function is defined as the following:

zeta(s) = sum_{n=1}^{infty} rac{1}{n^s}

Code with

by @manuanish

Compatible

Built with frameworks you know & love.

Get your personal website up and running without learning any new code.

Learn more

My post title

Posted at 3/14/15

This is a short description of what my post is about. Ideally, it should be concisely written to convey the main idea in a few bite-size sentences.

🔥 Page Header

function syntaxHighlight() {
   console.log("Hello!");
}

Hover/Click to preview

Built-in Components

Built-in handcrafted components

Don't waste your time re-creating the same components. Bon5R comes with handcrafted components so you can focus on what matters most.

Learn more