Skip to content
Blog UI template by gatsbyjs. It uses wordpress as backend.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Build Status

What is Sansi?

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. You can see my blog as demo .

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 && 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
You can’t perform that action at this time.