This is starter template for a full featured marketing and blog website based on the following:

• Gatsby Starter Default
• How To Set Up a Gatsby Project with TypeScript
• Gatsby
• TypeScript
• TailwindCSS and TailwindUI
• HeroIcons
• Hero Patterns
• HeadlessUI
• unDraw for illustrations
• MDX and Markdown
• ESLintfor type-checking
• SendGrid email delivery
• Schema.org and JSON for Linking Data
• Open Graph used by Facebook
• Twitter Cards

It follows the JAMstack architecture by using Git as a single source of truth, and is deployed on Gatsby Cloud.

This website is open source (0BSD licence) - fork it and customise for your needs.

Features

• Full-featured blog with frontmatter (title, description, author, date, image, tags)
• Tags index page and individual tag pages
• Pagination in posts and tag pages
• Support for RSS feed, sitemap and robots.txt
• Automatic optimization of images in Markdown/MDX posts
• SVG design (unDraw, Hero Patterns, HeroIcons)
• Support for code syntax highlighting
• Manifest and offline support
• Contact form using sendgrid email and Gatsby functions
• Full SEO support (via React Helmet) including Open Graph, Twitter Cards and Schema.org via JSON-LD

SendGrid configuration (for contact form)

Insert the following environment variables (either in .env or on deployment host):

• SENDGRID_API_KEY
• SENDGRID_AUTHORIZED_EMAIL