Netlify Deployment Server

🚀 Master Branch: https://mystifying-edison-d53910.netlify.com/

gatsby-starter-morning-dew

🚀 A gatsby-starter-morning-dew is a Gatsby starter to build lightning-fast websites! 💫 You can also use gatsby-starter-morning-dew as a Gatsby Theme

Demo website.

Features

• 💜 Gatsby v2 / React 16
• 🔍 SEO optimized
• 💌 Write posts/pages in Markdown or MDX
  • 🎨 Code syntax highlight
  • 📚 Multilang support (blog post)
• 📱 Mobile Friendly (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

Installation (starter)

• with Gatsby-cli:

npm install --global 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
npm install

Then run npm run develop to try it locally.

Installation (theme)

You can also use gatsby-starter-morning-dew as a Gatsby theme!

1. Add the theme

npm install gatsby-starter-morning-dew

2. In your gatsby-config.js, add:

const config = require('./data/siteConfig')
// ...
plugins: [
    {
      resolve: "gatsby-starter-morning-dew",
      options: {},
    },
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: config.siteTitle,
        short_name: config.siteTitle,
        start_url: config.pathPrefix,
        background_color: config.background_color,
        theme_color: config.theme_color,
        display: config.display,
        icon: 'content/images/company-icon.png', // path to your image
      },
    },
],

3. Add an image called baymax.png in content/images/baymax.png. 🐞This is due to a bug. 😬 Don't worry, this picture will not appear on your website!

Need more details? Checkout:

• maxpou.fr source: Maxence Poutord's personnal blog;
• gatsby-groot source: a minimalist blog that use this template!

Commands

# working locally
npm run dev

# generate build
npm run build

# format code
npm run format

# lint code
npm run lint

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

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

Deploy