tterb / joy-of-testing

A website for testing and experimenting with published data.

The Joy of Testing

A website for testing and experimenting with published data.

Features

• Multi-page layout
• React Spring (Used for Parallax effect)
• TailwindCSS & styled-components for styling
  • Uses the full power of TailwindCSS and PurgeCSS to generate minimal stylesheets
  • Uses tailwind.macro (Babel macro) to have hot-reloading of Tailwind styles
• SEO
  • Schema.org JSONLD
  • OpenGraph Tags
  • Twitter Tags
• Typefaces for quicker font loading
• Offline Support
• WebApp Manifest Support
• Responsive images
  • The right image size for every screen size
  • WebP Support for compatible browsers
  • Lazy-Loading

Built with:

Install

You can install dependencies and build the local plugins using the command:

$ yarn bootstrap

Usage

To run the app locally you can use the command:

$ yarn develop

Running with local Disqus

This app features a modified version of the gatsby-disqus-plugin that allows it to be configured to run with locally hosted Disqus services by utilizing custom node environments.

To run the app locally with a local Disqus frontend:

$ yarn local

To run the app locally with a local Disqus backend:

$ yarn backend

Modifying the local Disqus plugin

If you want to modify the functionality of the local Disqus plugin, you can find the code in the plugins/gatsby-plugin-disqus/src/ directory and then use following command to rebuild the plugin with your changes:

$ yarn build-plugin

Adding a post

The example posts are written in MDX and sourced from the src/contents/posts/ directory, where you will find a subdirectory for each existing post. There you create a new post that matches the structure of the existing examples.
If you're looking for some inspiration, the current post contents are courtesy of bobrosslipsum.com.

Production

To build and locally serve a production build you can use the command:

$ yarn production