Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maasencioh/netlify-blog
Personal blog made with gatsby-netlify
https://github.com/maasencioh/netlify-blog
blog gatsbyjs netlify
Last synced: 3 months ago
JSON representation
Personal blog made with gatsby-netlify
- Host: GitHub
- URL: https://github.com/maasencioh/netlify-blog
- Owner: maasencioh
- License: mit
- Created: 2019-03-16T20:35:41.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T19:11:07.000Z (about 2 years ago)
- Last Synced: 2024-05-02T02:14:49.577Z (9 months ago)
- Topics: blog, gatsbyjs, netlify
- Language: JavaScript
- Homepage: https://serene-noyce-ec8a05.netlify.com/
- Size: 14.6 MB
- Stars: 2
- Watchers: 2
- Forks: 2
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Miguel's personal blog
[](https://app.netlify.com/sites/gatsby-starter-netlify-cms-ci/deploys)
**Note:** This starter uses [Gatsby v2](https://www.gatsbyjs.org/blog/2018-09-17-gatsby-v2/).
This repo contains an example business website that is built with [Gatsby](https://www.gatsbyjs.org/), and [Netlify CMS](https://www.netlifycms.org): **[Demo Link](https://gatsby-netlify-cms.netlify.com/)**.
It follows the [JAMstack architecture](https://jamstack.org) by using Git as a single source of truth, and [Netlify](https://www.netlify.com) for continuous deployment, and CDN distribution.
## Features ##
- A simple landing page with blog functionality built with Netlify CMS
- Editabe Pages: Landing, About, Product, Blog-Collection and Contact page with Netlify Form support
- Create Blog posts from Netlify CMS
- Tags: Separate page for posts under each tag
- Basic directory organization
- Uses Bulma for styling, but size is reduced by `purge-css-plugin`
- Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
- Uses `gatbsy-image` with Netlify-CMS preview support
- Separate components for everything
- Netlify deploy configuration
- Netlify function support, see `src/lambda` folder
- Perfect score on Lighthouse for SEO, Accessibility and Performance (wip:PWA)
- ..and more
## Prerequisites
- Node (I recommend using v8.2.0 or higher)
- [Gatsby CLI](https://www.gatsbyjs.org/docs/)
### Access Locally
```
$ git clone https://github.com/[GITHUB_USERNAME]/[REPO_NAME].git
$ cd [REPO_NAME]
$ yarn
$ yarn start
```
This will render the project in [localhost:9000](http://localhost:9000)
To test the CMS locally, you'll need run a production build of the site:
```
$ yarn build
$ yarn serve
```
### Setting up the CMS
Follow the [Netlify CMS Quick Start Guide](https://www.netlifycms.org/docs/quick-start/#authentication) to set up authentication, and hosting.
## Purgecss
This plugin uses [gatsby-plugin-purgecss](https://www.gatsbyjs.org/packages/gatsby-plugin-purgecss/) and [bulma](https://bulma.io/). The bulma builds are usually ~170K but reduced 90% by purgecss.
# CONTRIBUTING
Contributions are always welcome, no matter how large or small. Before contributing,
please read the [code of conduct](CODE_OF_CONDUCT.md).