Kick off your Amazee project with this boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.
- Storybook
- Typescript
- PostCSS with
postcss-preset-env
- CSS Modules
- TailwindCSS + PurgeCSS
- Unit tests with jest
- Integration tests with Cypress
- Mocking of GraphQL API's with Apollo
- Multilingual interfaces with i18next
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the hello-world starter.
# create a new Gatsby site using the Amazee starter gatsby new my-project https://github.com/AmazeeLabs/gatsby-starter-amazee
-
Start developing.
Navigate into your new site’s directory and start it up.
cd my-project/ yarn mocks & yarn develop
-
Open the source code and start editing!
Your site is now running at
http://localhost:8000
!Note: You'll also see a second link:
http://localhost:8000/___graphql
. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.Open the
my-project
directory in your code editor of choice and editsrc/pages/index.tsx
. Save your changes and the browser will update in real time! -
Review the TODO's:
After creation the project is full of
TODO
comments that will lead you to different parts that can/have to be modified and also point you to external documentation on these.
yarn mocks
: Start the mocked GraphQL mocked services for local development.yarn build
: Build the production web application package.yarn serve
: Locally serve the web application package.yarn develop
: Run the live-refreshing development host.yarn jest
: Run all jest unit tests.yarn cypress:run:api
: Run all tests that target the API (requiresyarn mocks
andyarn develop
to be already running).yarn cypress:test
: Run all Cypress tests (requiresyarn mocks
andyarn develop
to be already running).yarn lint
: Run eslint checks.yarn storybook:develop
: Run storybook to work on components.yarn tailwind
: (Re-)build a local version of the full tailwind stylesheet for development reference.