diff --git a/content/en/showcase/tomango/bio.md b/content/en/showcase/tomango/bio.md new file mode 100644 index 000000000..052bd93cd --- /dev/null +++ b/content/en/showcase/tomango/bio.md @@ -0,0 +1,6 @@ + +We help ambitious businesses grow by getting more of the customers they want. + +Our new site runs quickly, anywhere in the world, regardless of internet connectivity. + +The site was built by [Tomango](https://www.tomango.co.uk) diff --git a/content/en/showcase/tomango/featured.png b/content/en/showcase/tomango/featured.png new file mode 100644 index 000000000..e495c16b7 Binary files /dev/null and b/content/en/showcase/tomango/featured.png differ diff --git a/content/en/showcase/tomango/index.md b/content/en/showcase/tomango/index.md new file mode 100644 index 000000000..5252c02a8 --- /dev/null +++ b/content/en/showcase/tomango/index.md @@ -0,0 +1,29 @@ +--- + +title: Tomango + +date: 2018-05-04 + +description: "Showcase: \"Tomango site relaunch: Building our JAMstack site\"" + +siteURL: https://www.tomango.co.uk + +siteSource: https://github.com/trys/tomango-2018 + +byline: "[Trys Mudford](http://www.trysmudford.com), Lead Developer, Tomango" + +--- + +Hugo is our static site generator (SSG) of choice. It's **really quick**. After using it on a number of [client projects](/showcase/hartwell-insurance/), it became clear that our new site _had_ to be built with Hugo. + +The big benefit of an SSG is how it moves all the heavy lifting to the build time. + +For example in WordPress, all the category pages are created at runtime, generating a lot of database queries. In Hugo, the paginated category pages are created at build time - so all the computational complexity is done once, and doesn't impact the user at all. + +Similarly, instead of running a live, or even a heavily cached Instagram feed that checked for new photos on page load, we used IFTTT to flip the feature to work performantly. I've [written about it](https://www.trysmudford.com/blog/making-the-static-dynamic-instagram-importer/) in detail on my blog but in essence: IFTTT sends a webhook to a Netlify Cloud Function every time a photo is uploaded. The function scrapes the photo and commits it to our GitHub repo which triggers a Hugo build on Netlify, deploying the site immediately! + +Shortcodes allow copy editors to continue using WordPress-esque features, Markdown keeps our developers happy, and our users don't have any of the database overheads. It's win-win! + +--- + +This is an extract from our [technical launch post](https://www.tomango.co.uk/thinks/tomango-progressive-web-app/). diff --git a/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_1024x512_fill_catmullrom_top_2.png b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_1024x512_fill_catmullrom_top_2.png new file mode 100644 index 000000000..1d64236b6 Binary files /dev/null and b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_1024x512_fill_catmullrom_top_2.png differ diff --git a/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_640x0_resize_catmullrom_2.png b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_640x0_resize_catmullrom_2.png new file mode 100644 index 000000000..cd918da6a Binary files /dev/null and b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_640x0_resize_catmullrom_2.png differ diff --git a/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_6dfd850dc877e20e2554751f779e5953.png b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_6dfd850dc877e20e2554751f779e5953.png new file mode 100644 index 000000000..996b81750 Binary files /dev/null and b/resources/_gen/images/showcase/tomango/featured_hube95635899674dbe563e9fac9518dc5a_232791_6dfd850dc877e20e2554751f779e5953.png differ