diff --git a/content/showcase/forestry/bio.md b/content/showcase/forestry/bio.md new file mode 100644 index 000000000..767365cc0 --- /dev/null +++ b/content/showcase/forestry/bio.md @@ -0,0 +1,5 @@ + +Forestry.io is a Git-backed CMS (content management system) for websites and web products built using static site generators such as Hugo. + +Forestry bridges the gap between developers and their teams, by making development fun and easy, while providing powerful content management for their teams. + diff --git a/content/showcase/forestry/featured.png b/content/showcase/forestry/featured.png new file mode 100644 index 000000000..8dd88eee0 Binary files /dev/null and b/content/showcase/forestry/featured.png differ diff --git a/content/showcase/forestry/index.md b/content/showcase/forestry/index.md new file mode 100644 index 000000000..844c553da --- /dev/null +++ b/content/showcase/forestry/index.md @@ -0,0 +1,62 @@ +--- + +# A suitable title for this article. +title: Forestry.io + +# Set this to the current date. +date: 2018-03-13 + +description: "A Git-backed CMS (content management system) for websites and web products built using static site generators." + +# The URL to the site on the internet. +siteURL: https://forestry.io/ + +# Link to the site's Hugo source code if public and you can/want to share. +# Remove or leave blank if not needed/wanted. +siteSource: https://github.com/forestryio/forestry.io + +# Add credit to the article author. Leave blank or remove if not needed/wanted. +byline: + +--- + +It was clear from the get-go that we had to go with a static site generator. Static sites are secure, performant, and give you 100% flexibility. At [Forestry.io](https://forestry.io/) we provide Content Management Solutions for websites built with static site generators, so we might be a little biased. The only question: Which static site generator was the right choice for us? + +### Why Hugo? + +In our early research we looked at Ionic’s [site](https://github.com/ionic-team/ionic) to get some inspiration. They used Jekyll to build their website. While Jekyll is a great generator, the build times for larger sites can be painfully slow. With more than 150 pages plus many custom configurations and add-ons, our website doesn’t fall into the low-volume category anymore. Our developers want a smooth experience when working on the website and our content editors need the ability to preview content quickly. In short, we need our builds to be lightning fast. + +We knew Hugo was fast but we did [some additional benchmarking](https://forestry.io/blog/hugo-vs-jekyll-benchmark/) before making our decision. Seeing Hugo in action is a whole different world of awesome. Hugo takes less than one second to build our 150-page site! Take a look: + +``` + | EN ++------------------+-----+ + Pages | 141 + Paginator pages | 4 + Non-page files | 0 + Static files | 537 + Processed images | 0 + Aliases | 60 + Sitemaps | 1 + Cleaned | 0 + +Total in 739 ms +``` + +In fact, we liked Hugo so much that our wizard Chris made his workflow public and we started the open-source project [Create-Static-Site](https://github.com/forestryio/create-static-site). It's [a simple way to spin up sites](https://forestry.io/blog/up-and-running-with-hugo/) and set up a modern web development workflow with one line of code. Essentially it adds build configurations as a dependency for JS, CSS and Image Processing. + +Lastly, we want to take the opportunity to give some love to other amazing tools we used building our website. + +### What tools did we use? + +* Our Norwegian designer Nichlas is in love with [**Sketch**](https://www.sketchapp.com/). From what we hear it’s a designer’s dream come true. +* Some say our main graphic is [mesmerizing](https://twitter.com/hmncllctv/status/968907474664284160). Nichlas created it using [**3DS Max**](https://www.autodesk.com/products/3ds-max/overview). +* [**Hugo**](https://gohugo.io/) - of course. +* Chris can’t think of modern web development without [**Gulp**](https://gulpjs.com/) & [**Webpack**](https://webpack.js.org/). We used them to add additional build steps such as Browsersync, CSS, JS and SVG optimization. +* Speaking about adding steps to our build, our lives would be much harder without [**CircleCI**](https://circleci.com/) for continuous deployment and automated testing purposes. +* We can’t stop raving about [**Algolia**](https://www.algolia.com/). Chris loves it and even wrote a tutorial on [how to implement Algolia]([https://forestry.io/blog/search-with-algolia-in-hugo/) into static sites using Hugo’s [Custom Outputs](https://gohugo.io/templates/output-formats/). +* [**Cloudinary**](https://cloudinary.com/) is probably one of the easiest ways to get responsive images into your website. +* We might be a little biased on this one - We think [**Forestry.io**](https://forestry.io/) is a great way to add a content management system with a clean UI on top of your site without interrupting your experience as a developer. +* For hosting purposes we use the almighty [**AWS**](https://aws.amazon.com/). +* [**Formspree.io**](https://formspree.io/) is managing our support and enterprise requests. +* We also use browser cookies and JS to customize our user’s experience and give it a more dynamic feel. \ No newline at end of file diff --git a/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_1024x512_fill_catmullrom_top_2.png b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_1024x512_fill_catmullrom_top_2.png new file mode 100644 index 000000000..a7357de58 Binary files /dev/null and b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_1024x512_fill_catmullrom_top_2.png differ diff --git a/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_350320862749b64c3fbe77e63625996f.png b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_350320862749b64c3fbe77e63625996f.png new file mode 100644 index 000000000..4887afd4d Binary files /dev/null and b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_350320862749b64c3fbe77e63625996f.png differ diff --git a/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_640x0_resize_catmullrom_2.png b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_640x0_resize_catmullrom_2.png new file mode 100644 index 000000000..d50be5618 Binary files /dev/null and b/resources/_gen/images/showcase/forestry/featured_hu5d60eeeae11555ae436c936d53eba8c8_363528_640x0_resize_catmullrom_2.png differ