Code Monkey home page Code Monkey logo

gatsby-starter-morning-dew's Introduction

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 [email protected]: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',
      },
    ],
  ],
}

gatsby-starter-morning-dew's People

Contributors

maxpou avatar greenkeeper[bot] avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.