maxpou / Gatsby Starter Morning Dew
Licence: mit
🚀 A Gatsby theme/starter to build lightning-fast blog/websites
Stars: ✭ 186
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Gatsby Starter Morning Dew
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+558.06%)
Mutual labels: gatsby, markdown, pwa
Saleor
A modular, high performance, headless e-commerce platform built with Python, GraphQL, Django, and React.
Stars: ✭ 14,720 (+7813.98%)
Mutual labels: graphql, pwa
Gatsby Starter Foundation
A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole
Stars: ✭ 135 (-27.42%)
Mutual labels: graphql, gatsby
Gatsby Wpgraphql Blog Example
Demo showing how to use WPGraphQL as the source for Gatsby Sites
Stars: ✭ 152 (-18.28%)
Mutual labels: graphql, gatsby
Nextjs Pwa Graphql Sql Boilerplate
Next.js serverless PWA with GraphQL (Apollo) + Postgres SQL boilerplate
Stars: ✭ 125 (-32.8%)
Mutual labels: graphql, pwa
Gatsby Starter Lumen
A constantly evolving and thoughtful architecture for creating static blogs.
Stars: ✭ 1,797 (+866.13%)
Mutual labels: graphql, gatsby
Graphql Genie
Simply pass in your GraphQL type defintions and get a fully featured GraphQL API with referential integrity, inverse updates, subscriptions and role based access control that can be used client side or server side.
Stars: ✭ 147 (-20.97%)
Mutual labels: graphql, pwa
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: ✭ 1,867 (+903.76%)
Mutual labels: pwa, responsive
Gatsby Plugin Algolia
A plugin to push to Algolia based on graphQl queries
Stars: ✭ 154 (-17.2%)
Mutual labels: graphql, gatsby
Blog
Code for my personal blog built with Gatsby
Stars: ✭ 167 (-10.22%)
Mutual labels: gatsby, markdown
React Product Card
Animated Product Card with the help of React and SCSS (PWA)
Stars: ✭ 116 (-37.63%)
Mutual labels: pwa, responsive
Mdx Deck
♠️ React MDX-based presentation decks
Stars: ✭ 10,487 (+5538.17%)
Mutual labels: gatsby, markdown
Gatsby Blog Starter Kit
A simple starter kit for a static blog created with Gatsby
Stars: ✭ 131 (-29.57%)
Mutual labels: graphql, gatsby
Gray Matter
Contributing
Pull requests and stars are always welcome. For bugs and feature requests, please create an issue.
Stars: ✭ 2,105 (+1031.72%)
Mutual labels: gatsby, markdown
Gatsby Source Prismic Graphql
Gatsby source plugin for Prismic GraphQL
Stars: ✭ 144 (-22.58%)
Mutual labels: graphql, gatsby
Knowledge
文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
Stars: ✭ 1,620 (+770.97%)
Mutual labels: graphql, pwa
Graphql Markdown
The easiest way to document your GraphQL schema.
Stars: ✭ 114 (-38.71%)
Mutual labels: graphql, markdown
Gatsby Remark Oembed
A GatsbyJS Plugin that transforms oembed links into its corresponding embed code.
Stars: ✭ 154 (-17.2%)
Mutual labels: gatsby, markdown
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
Features
- 💜 Gatsby v3 / React 16
- 🔍 SEO optimized
- 💌 Write posts/pages in Markdown or MDX
- 🎨 Code syntax highlight
- 📚 Multilang support/i18n (blog post)
- 📱 Mobile Friendly (Responsive design)
- 🌜 Dark mode
- ✨ PWA ready
- ✈️ Offline support
- 📃 Manifest support
- 🔧 Fully configurable (see data/siteConfig.js)
- 💬 Disqus support
- 💅 css-in-js (with styled-components v5)
- 🔖 Groups post with tags
- 🐦 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!
- Add the theme
npm install gatsby-starter-morning-dew
- 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
},
},
],
- Add an image called
baymax.png
incontent/images/baymax.png
.
🐞This is due to a theme limitations.
😬 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!
Configure
module.exports = {
siteTitle: 'gatsby-starter-morning-dew',
siteDescription: 'A Gatsby theme/starter to build lightning-fast websites',
authorName: 'Maxence Poutord',
twitterUsername: '_maxpou',
authorAvatar: 'avatar.jpeg', // file in content/images
defaultLang: 'en', // show flag if lang is not default. Leave empty to enable 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: 'cover-baymax.jpeg', // file in content/images
background_color: '#ffffff',
theme_color: '#222222',
display: 'standalone',
icon: 'content/images/baymax.png',
postsPerPage: 6,
disqusShortname: 'maxpou',
headerTitle: 'gatsby-starter-morning-dew',
headerLinksIcon: 'baymax.png', // file in content/images (leave empty to disable: '')
headerLinks: [
{
label: 'Blog',
url: '/',
},
{
label: 'About',
url: '/about-gatsby-starter-morning-dew',
},
{
label: 'Installation',
url: '/how-to-install',
},
],
// Footer information (ex: Github, Netlify...)
websiteHost: {
name: 'GitHub',
url: 'https://github.com',
},
footerLinks: [
{
sectionName: 'Explore',
links: [
{
label: 'Blog',
url: '/',
},
{
label: 'About',
url: '/about-gatsby-starter-morning-dew',
},
{
label: 'Installation',
url: '/how-to-install',
},
],
},
{
sectionName: 'Follow the author',
links: [
{
label: 'Github',
url: 'https://github.com/maxpou/gatsby-starter-morning-dew',
},
{
label: 'Website',
url: 'https://www.maxpou.fr',
},
{
label: 'Twitter',
url: 'https://twitter.com/_maxpou',
},
],
},
],
}
Deploy
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].