Skip to content

fpigeonjr/frank-pigeon-blog

Repository files navigation

Netlify Status

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.

screenshot

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

Lighthouse scores (locally :bowtie:)

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 git@github.com: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
  1. 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
      },
    },
],
  1. 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:

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

Deploy to Netlify

About

new blog using Gatsby and Netlify

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published