πŸš€ a Gatsby v2 starter for blogs
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
content
data
scripts
src
static
.eslintrc.js
.gitignore
.prettierrc
.travis.yml
LICENSE
README.md
gatsby-config.js
gatsby-node.js
package.json

README.md

Build Status code style: prettier Maintainability Greenkeeper badge

gatsby-starter-morning-dew

Gatsby starter for creating a new blog!

Demo website.

screenshot

Features

  • πŸ’œ Gatsby v2 / React 16
  • πŸ” SEO optimized (robot.txt)
  • πŸ’Œ Write posts/pages in Markdown
    • 🎨 Code syntax highlight
    • πŸ“š Multilang support (blog post only)
  • πŸ“± Responsive design
  • ✨ PWA ready
    • ✈️ Offline support
    • πŸ“ƒ Manifest support
  • πŸ”§ Fully configurable (see data/siteConfig.js)
  • πŸ’¬ Disqus support
  • πŸ’… css-in-js (with styled-components v4)
  • πŸ”– Groups post with tags
  • πŸ“Š Google Analytics support
  • 🐦 post preview image generation (Twitter, Facebook)
  • πŸ’Ž Developer tools:
    • eslint
    • prettier
  • πŸ‘· Travis CI support

Lighthouse scores (locally :bowtie:)

Installation

  • with Gatsby-cli: gatsby new gatsby-blog https://github.com/maxpou/gatsby-starter-morning-dew

  • without Gatsby-cli

    git clone my-site git@github.com:maxpou/gatsby-starter-morning-dew.git
    cd my-site
    yarn install

Commands

# working locally
yarn dev

# generate build
yarn build

# format code
yarn format

# lint code
yarn lint

# Generate generate post preview images (yarn dev need to run before)
yarn generatePostPreviewImages

⚠️ Add --prefix-paths if you are using path prefix!

Configure

module.exports = {
  siteTitle: 'gatsby-starter-morning-dew',
  siteDescription: "πŸ‘‹ Hey I'm a Gatsby starter!",
  authorName: 'Maxence Poutord',
  twitterUsername: '_maxpou',
  authorAvatar: '/images/avatar.jpeg',
  multilangPosts: true, // enable/disable flags in post lists
  authorDescription: `
  For the last decade, Maxence Poutord has worked with a variety of web technologies. He is currently focused on front-end development.
  On his day to day job, he is working as a senior front-end engineer at VSware. He is also a frequent tech speaker and a mentor.
  As a new digital nomad, he is living where the WIFI and sun is 😎 <br>
  Do you want to know more? <a href="https://www.maxpou.fr/about" target="_blank">Visit my website!</a>
  `,
  siteUrl: 'https://maxpou.github.io/',
  disqusSiteUrl: 'https://www.maxpou.fr/',
  // Prefixes all links. For cases when deployed to maxpou.fr/gatsby-starter-morning-dew/
  pathPrefix: '/gatsby-starter-morning-dew', // Note: it must *not* have a trailing slash.
  siteCover: '/images/cover.jpg',
  googleAnalyticsId: 'UA-67868977-1',
  background_color: '#ffffff',
  theme_color: '#222222',
  display: 'minimal-ui',
  icon: 'src/assets/gatsby-icon.png',
  disqusShortname: 'maxpou',
  postsPerPage: 6,
  headerLinks: [
    {
      label: '🏑',
      url: '/',
    },
    {
      label: 'Blog',
      url: '/',
    },
    {
      label: 'About',
      url: '/about',
    },
    {
      label: 'Installation',
      url: '/how-to-install',
    },
  ],
  // Footer information (ex: Github, Netlify...)
  websiteHost: {
    name: 'GitHub',
    url: 'https://github.com',
  },
  footerLinks: [
    [
      'Explore',
      {
        label: 'Blog',
        url: '/',
      },
      {
        label: 'About',
        url: '/about',
      },
      {
        label: 'Installation',
        url: '/how-to-install',
      },
    ],
    [
      'Follow the author',
      {
        label: 'Github',
        url: 'https://github.com/maxpou/gatsby-starter-morning-dew',
        iconClassName: 'fa fa-github',
      },
      {
        label: 'Website',
        url: 'https://www.maxpou.fr',
        iconClassName: 'fa fa-globe',
      },
      {
        label: 'Twitter',
        url: 'https://twitter.com/_maxpou',
        iconClassName: 'fa fa-twitter',
      },
    ],
  ],
}