gatsby starter for developer's blog.
Tell me if you use this starter
yarn gatsby new my-blog https://github.com/WDever/gatsby-starter-devlog
or
npx gatsby new my-blog https://github.com/WDever/gatsby-starter-devlog
yarn develop
or
npm run develop
Create post in content/articles
with cli!!!
You can write your content with GitHub Flavor Markdown.
Also you can add thumbnail images or not. If you won't add thumbnail images, remove image
in metadata
Try to use Vercel!
/root
βββ .eslintrc.json // eslint config file
βββ .prettierrc // prettier config file
βββ gatsby-browser.js // font, code style
βββ gatsby-config.js // Gatsby config & metadata
βββ gatsby-node.js // import gatsby files from lib
src
βββ components // Components with styling & some logic
βββ hooks // Hooks that useful
βββ lib // Fonts & gatsby files rewrite with TypeScript
βββ pages // Routing except post: /(home), /about, /404
βββ templates
β βββ blog-post.tsx
β βββ home.tsx
βββ types // Types that generate by graphql-codegen
βββ utils
βββ functions // Useful functions
content
βββ about // About you / resume
β βββ index.md
β
βββ articles // Posts
β βββ my-first-post-example // Name of this directory will be the path
β βββ index.md // and some pictures or more...
β
βββ assets
βββ profile-pic // Profile picure that will use in BIO
βββ wdever-icon // Icon will be show in tab.
Replace assets/wdever-icon
with your own icon and change path in gatsby-plugin-manifest
. This config is in the gatsby-config.js
Replace assets/profile-pic
with your own profile pic
Add your repo name (username/repo) in gatsby-config.js/siteMetadata.repo
Add tour trackingId in gatsby-config.js/gatsby-plugin-google-analytics.options.trackingId
The reason why this issue occurs is because some post doesn't have correct image
meatadata. Remove image
in metadata or set Correct metadata.
I don't know why this issue occurs. I guess localStorage isn't defined at build time. But don't worry, everything will work fine.
I'm always waiting you guys's contribute. Please Contribute.
Thanks.