Hey guys? We are back again this time i want to share with you the tools i used to build this project. I would like to thank the creators and team behind these tools. I use these tools regularly in personal and client projects. But they contributed a great deal to this project. Even though i used a theme. Part 3 is coming soon and you may see UI changes hence the reason i reserved that for last. If you haven’t see part 1 and 2 i suggest you do.

Building a Beautiful Progressive JAMstack Blog Part 1
&
Building a Beautiful Progressive JAMstack Blog Part 2

Part 1 and Part 2

STATIC SITE GENERATOR: HUGO

THEME: HUGO VERSION OF NARATIVE’S NOVELA

HOST: GITHUB

CONTINUOUS DEPLOYMENT: NETLIFY

DOMAIN NAME: NAMECHEAP

HEADLESS GIT BASED CMS: FORESTRY CMS

MANIFEST, ICONS AND BASIC SERVICE WORKER GENERATOR: PWASTARTER

PWA SCRIPTS(WEB SHARE, PUSH NOTIFICATIONS): PWABUILDER

PERFORMANCE TESTING: **PAGESPEED INSIGHTS ** & GTMETRIX

SCREENSHOT TOOL: FIREFOX SCREENSHOT

COMMENTS: UTTERANCES

IMAGE CONVERSION TOOL: FILE CONVERTER

IMAGE OPTIMIZATION & COMPRESSION: FILE OPTIMIZER

NEWSLETTER TOOL: FORMSPREE

SECURITY, CACHING AND MORE: CLOUDFLARE

CODE EDITOR: VISUAL STUDIO CODE

Go check out these awesome blogs for more awesome content:

• TechKnow Africa
• Stream254
• TMJ
• Ajulu’s Blog

See Also

• How to Create a Simple Personal URL Shortener
• How to Create a Dev Environment in Windows 10: Part 1
• Building a Beautiful Progressive JAMstack Blog Part 2: Day 4 to 7
• Building a Beautiful Progressive JAMstack Blog Part 1: Day 1 to 3
• The 8 Phases of Cyber Security Testing