gatsby-wordpress-typescript-scss-blog

38
Updated Feb 10, 2021
Source
Try this starterCodeSandbox   Netlify 
Install this starter locally:
gatsby new gatsby-wordpress-typescript-scss-blog https://github.com/sagar7993/gatsby-wordpress-typescript-scss-blog

Tags

Blog, CMS:Headless, CMS:WordPress, Language:TypeScript, Pagination, Portfolio, PWA, SEO, Styling:SCSS

Description

A Gatsby starter template for a WordPress blog, built using TypeScript, SCSS, and Ant Design

Features

  • TypeScript for type-safe code
  • Source content from WordPress CMS
  • Auto generated Pagination for your WordPress Posts
  • Auto generated Navigation for next and previous post at the end Post
  • Auto generated pages for tags and categories sourced from WordPress
  • SCSS stylesheets
  • PWA with offline support
  • Ant Design for UI components and theming
  • Jest and Enzyme Testing framework support for snapshots and unit tests.
  • Responsive Design
  • Google Analytics
  • Comments using Staticman
  • Images within WordPress post/page content downloaded to static folder and transformed to webp format during build
  • Social widgets
  • Instagram feed of any profile (no API token needed)
  • Pinterest pin-it button on hovering on images (no API token needed)
  • Twitter timeline and follow button (no API token needed)
  • Facebook timeline and like button (no API token needed)
  • SEO friendly
  • Web app manifest
  • Mobile optimized and responsive
  • Sitemap.xml & Robots.txt generation
  • Optimized images with gatsby-image
  • Git pre-commit and pre-push hooks using Husky
  • TSLint formatting
  • Highly optimized with excellent lighthouse audit score

Dependencies