Fakela MDX Food Blog Starter Project

A starter project in Gatsby.js with MDX.

Features

• MDX: JavaScript/React in Markdown
• Prism.js: Syntax Highlighting
• Pagination
• Emotion
• Typography.js
• Self-hosted fonts (Inter UI)
• Social media share buttons
• Site & Theme config files
• Customizable
• Easy editable content in Markdown files (posts, pages and parts)
• Easily restyled through theme object
• Toggle theme mode
• Social sharing (Twitter, Facebook)
• PWA (manifest.json, offline support)
• Prettier code styling
• GraphQl

➞ Demo

Setup

• git clone https://github.com/fakela/gatsby-food-blog.git
• cd gatsby-food-blog
• npm install
• gatsby develop
• visit http://localhost:8000

Setup via Gatsby CLI

• gatsby new gatsby-food-blog-starter https://github.com/fakela/gatsby-food-blog.git
• cd gatsby-food-blog
• npm install
• gatsby develop
• visit http://localhost:8000

Production build

• gatsby serve
• visit http://localhost:9000