πŸ”₯ Bon5R β€” Create static, blog-aware websites with pure MDX.

Overview


Bon5R

Create static, blog-aware websites with pure MDX.
Explore the docs Β»

View Demo Β· Report Bug Β· Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

There are so many awesome frameworks to create websites out there but all of them require you to spend a substantial amount of time creating the website. I created Bon5R with the intention of allowing users to make their own websites using markdown which speeds up your workflow.

Here's why:

  • Your time should be focused on creating something amazing. A project that solves a problem and helps others.
  • You shouldn't be doing the same tasks over and over like creating a project website from scratch.
  • You should implement DRY principles to the rest of your life.

Of course, no one template will serve all projects since your needs may be different. So I'll be adding more in the near future. You may also suggest changes by forking this repo and creating a pull request or opening an issue.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

(back to top)

Getting Started

This is an example of how you can set up your project locally. To get a local copy up and running follow these simple steps.

Prerequisites

Before we can create the project we will require the following dependencies installed. Begin by installing npm and then installing yarn.

Install npm

npm install npm@latest -g

Install yarn

npm install --global yarn

Installation

  1. Clone the repo.
    yarn create bon5r-app my-app
  2. Navigate inside the directory.
    cd my-app
  3. Star the server.
yarn dev

And thats it! you can view the server by going to http://localhost:3000.

(back to top)

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

For more examples, please refer to the Documentation

(back to top)

Roadmap

  • Add Changelog
  • Add back to top links
  • Add Additional Templates w/ Examples
  • Add "components" document to easily copy & paste sections of the readme
  • Multi-language Support
    • Chinese
    • Spanish

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See the LICENSE file for more information.

(back to top)

Contact

Your Name - @your_twitter - [email protected]

Project Link: https://github.com/your_username/repo_name

(back to top)

Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

(back to top)

You might also like...

Content aware image cropping

Content aware image cropping

smartcrop.js Smartcrop.js implements an algorithm to find good crops for images. It can be used in the browser, in node or via a CLI. Image: https://w

Jan 4, 2023

Simple time-aware report bot for Telegram.

report bot Built using grammY. Simple time-aware report bot for Telegram. It listens for /report, /admin commands or @admin, @admins mentions in group

Oct 2, 2022

A progressively enhanced server-rendered form-aware web component counter using WebC

Eleventy WebC Number Counter Demo A progressively enhanced server-rendered form-aware web component counter using WebC. This enhances from an input t

Nov 11, 2022

Gatsby-blog-cosmicjs - πŸš€βš‘οΈ Blazing fast blog built with Gatsby and the Cosmic Headless CMS πŸ”₯

Gatsby-blog-cosmicjs - πŸš€βš‘οΈ Blazing fast blog built with Gatsby and the Cosmic Headless CMS πŸ”₯

Gatsby + Cosmic This repo contains an example blog website that is built with Gatsby, and Cosmic. See live demo hosted on Netlify Uses the Cosmic Gats

Jan 29, 2022

This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.

This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog.

svelte-blogger This is a blog built with sveltekit, tailwind and daisyUI, made to be used as my personal blog. This app also use graphql and use markd

Jun 23, 2022

Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Especially designers and/or photographers will love this theme! Built with MDX and Theme UI.

Gatsby Starter Portfolio: Cara Playful and Colorful One-Page portfolio featuring Parallax effects and animations. Using the Gatsby Theme @lekoarts/gat

Dec 24, 2021

My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.

chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne

Mar 25, 2022

Convert MDX to Markdown.

mdx-to-md Convert MDX to Markdown. Why? This library is most useful for generating README.md files like the one you're reading. Install yarn add mdx-t

Dec 1, 2022

Generate rich documentation data for TypeScript and MDX codebases.

⚠️ Currently under development, not ready for use yet This library is currently unstable and the API is in flux. It is being worked on in the open for

Oct 30, 2022
Comments
  • Work on `deployment guides` for the Bon5R documentation.

    Work on `deployment guides` for the Bon5R documentation.

    • [x] Write deployment/index.mdx
    • [x] Update vercel.mdx
    • [x] Update heroku.mdx
    • [x] Check if Next.js can be deployed to Github Pages
      • [x] If it can be deployed: Write github-pages.mdx
      • [x] If it cannot be deployed: Delete github-pages.mdx
        • [x] Update Sidebar.js
          • [x] Update heroku.mdx
          • [x] Update contributing/index.mdx
    documentation πŸ“– help wanted πŸ“£ good first issue πŸ›  
    opened by manuanish 0
  • Update documentation for `create-bon5r-app` v2.0.0

    Update documentation for `create-bon5r-app` v2.0.0

    Update

    General

    • [x] Installation image of Bon5R
    • [x] Mention theming in Getting Started section.

    Component Docs

    • [x] Update author.mdx
    • [x] Update blog-title.mdx
    • [x] Update post.mdx
    • [x] Update header.mdx

    Customization

    • [x] Use ToggleDemo for all examples
    • [x] Change editing-components.mdx
    • [x] Update adding-components.mdx
    • [ ] Fix indentation in code blocks for adding-markdown-plugins.mdx

    Contributing

    • [ ] Write 'contributing/index.mdx`
    • [ ] Write 'contributing.mdx`
    • [ ] Create a CONTRIBUTING.md at home page.
    documentation πŸ“– help wanted πŸ“£ good first issue πŸ›  
    opened by manuanish 1
Releases(v2.0.0)
  • v2.0.0(Jun 14, 2022)

    πŸ“ Patch Notes

    Updates in Bon5R v2.0.0.

    πŸ“‚ General

    • Started using @geist-ui for a more scalable, and modern look.
    • Changed built-in components to work well with the Vercel design system
    • Removed github-markdown-css to start using default geist typography
    • Changed pre, code background color to support new themes

    πŸ“¦ Components

    • Changed Author component props, and design
    // OLD
    <Author userName="..." displayName="..." date="..."/>
    
    // NEW
    <Author userName="..." readTime={...} date="..."/>
    
    • Updated Post design (props are still the same).
    • Changed Button component design.
    • Header component supports themes.
    • Minor change in BlogTitle component

    🎨 Bon5R Themes!

    Bon5R now supports dark mode πŸŽ‰ Check the screenshots below: Dark | Light :-------------------------:|:-------------------------: Screen Shot 2022-06-13 at 6 06 08 PM | Screen Shot 2022-06-13 at 6 06 23 PM


    Source code(tar.gz)
    Source code(zip)
simple-remix-blog is a blog template built using Remix and TailwindCSS. Create your own blog in just a few minutes!

simple-remix-blog is a blog template built using remix.run and TailwindCSS. It supports markdown and MDX for the blog posts. You can clone it and star

José Miguel Álvarez Vañó 8 Dec 8, 2022
πŸ“ Vite & Mdx powered static site generator.Base on islands architecture

Island.js A static site generator for the modern web.It has following features: ?? Base on Vite, it has great development experience. ??️ Islands arch

yangxingyuan 220 Dec 25, 2022
Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Alex Carpenter 18 Dec 26, 2022
The Remix Blog Stack for deploying to Fly with MDX, SQLite, testing, linting, formatting, etc.

Remix Speed Metal Stack Learn more about Remix Stacks. npx create-remix --template Girish21/speed-metal-stack Remix Blog ?? This blog starter template

Girish 141 Jan 2, 2023
Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app

Gofiber and NextJS Static HTML Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app. R

Mai 1 Jan 22, 2022
πŸ— Build static blog with lines of HTML and Markdown.

Nimblog Nimblog requires only a few lines of HTML to deploy and is suitable for lightweight bloggers. The official guide is built with Nimblog, check

Chell 7 Dec 19, 2022
Lightweight, Portable, Flexible Distributed/Mobile Deep Learning with Dynamic, Mutation-aware Dataflow Dep Scheduler; for Python, R, Julia, Scala, Go, Javascript and more

Apache MXNet (incubating) for Deep Learning Apache MXNet is a deep learning framework designed for both efficiency and flexibility. It allows you to m

The Apache Software Foundation 20.2k Jan 5, 2023
Context-aware smart contracts for blockchain IoT systems

Context-aware smart contracts for blockchain IoT systems It contains 2 directories: contracts: contains the ContextAwareSmartContract.sol contract wit

ibelab 6 Jun 17, 2022
An experimental framework-aware Firebase CLI

Firebase Experimental framework-aware CLI Usage $ npm i -g firebase-frameworks $ cd <MY-APP> $ firebase-frameworks init $ firebase-frameworks build $

null 146 Dec 27, 2022
Syntactically-aware grep for JavaScript and TypeScript

ESGrep Syntactically-aware grep for JavaScript and TypeScript Usage as a CLI Install it with npm install --global esgrep or the equivalent using pnpm/

Nino Filiu 8 Sep 28, 2022