Gatsyby startbootstrap-agency

gatsby version of startbootstrap-agency with i18n supported.

Preview

If you're not interesting in i18n, use StaticQueryVersion instead. StaticQueryVersion gets better performance and better code structure.

npm install -g gatsby-cli

gatsby new my-blog-folder https://github.com/thundermiracle/gatsby-startbootstrap-agency

Original version is great but have to load too many unnecessary contents from CDN including all components in bootstrap, all solid & brands icons in fontawesome. That dramatically slows down the FCP(first contentful paint) in 3G environment.

Using Gatsby could tree-shaking unnecessary code, optimizing images which make first contentful paint very fast.
Implementation of i18n in original version is not easy and will make a lot of redundant code.

i18n is really easy in Gatsby and i18n is more maintainable.

iconName in Services.md MUST be defined in 'config/CustomIcons.jsx'.
imageFileName in markdown MUST be added in 'content/assets'.
all configurable contents are saved in markdown files in 'content' folder.
change file name's number in 'content/sections' folder to change the sort order.
nullable items (if defined):
- anchor in section markdown: display in menu if defined in sections' markdown
- items in social: twitter, facebook, linkedin, github, medium
- jumpToAnchor, jumpToAnchorText in Top.md: add button in Top section

set defaultLang in 'config/site.js'
add langTextMap to 'config/site.js' (LanguageSelector won't display if langTextMap is not defined. Consider using StaticQueryVersion if i18n is not necessary)
copy markdown files in 'content' folder, rename it to xxxx.[langKey].md and translate the contents

This project is licensed under the terms of the MIT license.