Skip to content

Gatsby starter using TypeScript, Styled Components, Storybook, Styelint, Jest & ESLint

License

Notifications You must be signed in to change notification settings

georgewilde/gatsby-starter-wilde-creations

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A bare-bones Gatsby starter that's ready to rock and roll.

Check out a demo of this starter.

Check out this starter's Storybook.

This starter is set up to provide the latest and greatest tooling, helping to ensure the stability of your website or web application.

🚀 Quick start

  1. Create a Gatsby site

    Use the Gatsby CLI to create a new site, specifying this starter.

    # create a new Gatsby site using this starter.
    gatsby new my-new-website https://github.com/georgewilde/gatsby-starter-wilde-creations
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd my-new-website
    gatsby develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000.

  4. Add a new component

    To make life easier and improve consistency, a component creation template is provided using Plop. To add a new component, simply run the following command and follow the prompts:

    yarn generate component

🧐 What's inside?

  • Gatsby
  • TypeScript
  • Styled Components
  • Storybook
  • Helmet
  • Jest
  • ESLint
  • Husky
  • Prettier
  • React Testing Library
  • Stylelint
  • Materialize

👷 To Do

Although this start is fully functioning and ready to use, this is a list of things that would make it even better:

  • Add ability to easily switch between styled component themes.
  • Add Jest tests for the sitemetadata context and hook.
  • Add Jest tests to the theme component.
  • Add Jest tests to the Image component.
  • Add Jest tests to the Seo component.
  • Add cypress tests.
  • Add Storybook docs.

😁 Questions

If you have any questions please feel free to reach out directly at [email protected].

About

Gatsby starter using TypeScript, Styled Components, Storybook, Styelint, Jest & ESLint

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published