Gatsby starter for creating a new blog!
- π 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
-
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
# 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
--prefix-paths
if you are using path prefix!
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',
},
],
],
}