A blog template with great seo that is using gatsby for frontend and wordpress for backend. Gatsby ia a static aite generator and it is create a website with greate seo and great performance.

how to data fetch?

When you are creating a blog post, you whould rebuild your website to fetch new data. In other word data will be fetch on build time. It's is easy however you can use webhook to do it automaticly.

How about dynamic contents as commenting system?

Commenting system is using ajax to query data from backend. It's completely dynamic.


1-Install dependencies. On Debian/Ubuntu:

sudo apt install git nodejs

On Arch:

sudo pacman -S git nodejs npm

2-Clone the repo:

git clone [email protected]:Hesamkaveh/sansi.git && cd sansi

3-Install nodejs packages: sudo npm install -g gatsby-cli

npm install

4- Change backend site address that using Wordpress. edit gatsby-config. 5-Run it:

gatsby develop

If data fetched with no error, open localhost:8000 to see website


  • Fix Rss file in standard way
  • Load image in multiple resolutions
  • Add commenting system
  • Add Date in post detail
  • Fix in safari
  • Add sitemap
  • add config and translation file instead of hard code
  • Add subscribe btn to commenting system
  • add menu burger for mobile
  • Generate seo tags by seo component instead of hard code