Resources for Building a Beautiful Progressive JAMstack Blog

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:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.