A starter for GatsbyJS with a preconfigured MDX, Storybook and ESLint environment
npm install foresight-gatsby-starter

A starter for Gatsby jam-packed with goodies
- 📝 [Gatsby MDX][] for creation of pages with Markdown + JSX
- 📚 [Storybook][] for sandboxed component testing and documentation
- 👩🎤[emotion][] for CSS-in-JS
- 🎨 [bodypaint][] for easy media queries
- 🧙🏽♀️ [@open-sorcerers/breakpoints][] for easy responsive tooling during development (Check [Toggle Breakpoints][] below!)
- 💌 [ESLint][] with opinions 😉
- 🍯 [Prettier][] for building without bike-shedding
- 🎆 [nps][] for running scripts with sanity
Install this starter (make sure you install [gatsby-cli][gatsby-cli] first) by running the following command:
``bash`
gatsby new YOURPROJECT https://github.com/open-sorcerers/foresight-gatsby-starter
This project uses [nps][] to run things. (Install it with yarn global add nps or npm i -g nps).
Run nps` in the project directory to see the runnable commands.
Report issues or bugs here if you have issues running this project.
[Gatsby MDX]: https://www.gatsbyjs.org/packages/gatsby-plugin-mdx/
[gatsby-cli]: https://www.gatsbyjs.org/packages/gatsby-cli
[nps]: https://github.com/sezna/nps
[Storybook]: https://storybook.js.org/
[emotion]: https://emotion.sh/
[bodypaint]: https://npmjs.org/package/bodypaint
[@open-sorcerers/breakpoints]: https://npmjs.org/package/@open-sorcerers/breakpoints
[ESLint]: https://eslint.org/
[Prettier]: https://prettier.io/
[Toggle Breakpoints]: /#toggle-breakpoints