igorstar.com

You can access this blog online at www.igorstar.com.

Based on an opinionated Gatsby v2 starter with React Context, styled-components, page transitions, scroll events with IntersectionObserver and a focus on accessibility and SEO. Made for state-of-the-art marketing sites.

---

Features

• 🤩 Page Transitions, component-based (with no-js support)
• 👮‍♂️ IntersectionObserver, component-based (with polyfill)
• 🌿 React Context for global UI state, with SSR
• 💅 styled-components v4
• 💯 Optimized with Google Lighthouse (including test)
• 🔥 Code Splitting of CSS and JS (component based)
• 🔪 Inline SVG support
• ⚙️ One config file for site-wide settings
• 💙 Most social + meta tags in one component
• 🖼 All favicons generated, only one icon file needed
• 🌐 Offline support
• 📄 Manifest support
• 🗺 Sitemap support
• 📱 Generated media queries for easy use
• 😎 Prettier for code style
• 👨‍🏫 ESLint (based on eslint-plugin-react)
• 🌅 Responsive gallery with react-photo-gallery
• 🎞 Loading images from s3 using gatsby-source-s3-image

Do you have suggestions or feedback? Open an issue!

Lighthouse scores

Usage

# Clone repo
git clone https://github.com/igor-starostenko/igorstar.git
cd igorstar
yarn install

# To develop
yarn develop

# To build
yarn build

# To test SSR (for Lighthouse etc.)
yarn ssr

# To format JS (precommit)
yarn format

# To generate favicons (included in `build`)
yarn build:favicons

Author

• Igor Starostenko (@IgorStarostenko)