Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fakela/gatsby-food-blog

A simple, easily customizable, static food blog created with Gatsby
https://github.com/fakela/gatsby-food-blog

customizable emotion gatsby graphql mdx

Last synced: about 2 months ago
JSON representation

A simple, easily customizable, static food blog created with Gatsby

Awesome Lists containing this project

README

        

# Fakela MDX Food Blog Starter Project

[![Netlify Status](https://api.netlify.com/api/v1/badges/c9ac63e4-56e0-4d31-a1c5-22ea022eccce/deploy-status)](https://app.netlify.com/sites/fakela-gatsby-foodblog/deploys)

A starter project in [Gatsby.js](https://www.gatsbyjs.org/) with [MDX](https://github.com/mdx-js/mdx).

## Features

- MDX: JavaScript/React in Markdown
- Prism.js: Syntax Highlighting
- Pagination
- Emotion
- Typography.js
- Self-hosted fonts ([Inter UI](https://rsms.me/inter/))
- 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](https://fakela-gatsby-foodblog.netlify.com/)

## 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