I am trying to change some content in about.hbs just hard coding a paragraph tag to see if changes are reflected back into the browser or not but they are not reflecting back. I even cleared the cache of the browser and also stop the pagespeed and opcache but it is still not reflecting the changes.
So, if i have to change the about.hbs i need to create the theme for it and place the new about.hbs in the same hierarchy (same path as in the default file structure) as that of the default about.hbs ?
Essentially. To do a full override of the about.hbs template you would add the following to the </head> section of a theme:
<script type="text/x-handlebars" data-template-name="about">
<p>This is my new about page!</p>
</script>
You can put all of the original about.hbs contents in there and edit it down to your liking, or create your own content. Just know that if there is anything important that ever gets changed in core regarding the about.hbs, you’ll need to make the necessary changes to your override.
The link@Johani posted above describes the same thing I just wrote, though