-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.xml
107 lines (74 loc) · 7.47 KB
/
index.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Pipelean</title>
<link>http://pipelean.com/index.xml</link>
<description>Recent content on Pipelean</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-uk</language>
<lastBuildDate>Wed, 25 Jan 2017 18:18:24 +0100</lastBuildDate>
<atom:link href="http://pipelean.com/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Static, serverless CMS solution for the humans</title>
<link>http://pipelean.com/post/cms-static-serverless/</link>
<pubDate>Wed, 25 Jan 2017 18:18:24 +0100</pubDate>
<guid>http://pipelean.com/post/cms-static-serverless/</guid>
<description><p>It&rsquo;s always a good time to get rid of some old stuff.
This is finally the time for old, cumbersome, heavy, higly coupled CMS solutions you&rsquo;ve been forced to deal with since that horrible time in technology and internet between 2001 and 2008.</p>
<p>We&rsquo;re here to finally free you.</p>
<p></p>
<h2 id="prerequisites">Prerequisites</h2>
<p>You know how web sites are built, and understand what an HTML template engine do in a CMS solution. You know what a CMS solution is: a templating engine that can typically be extended with some form of plugin system, a Web dashboard for admins and content editors. Not much more.
You are a developer or a developer manager or someone who deal with people who build web sites and are looking for a better solution than your old CMS.</p>
<p>You are not afraid of change.</p>
<h2 id="why">Why</h2>
<p>Static sites are good, and static generators make it easy to build them. The drawback is that content is a Markdown file inside the source code folders, and that is really <strong>not</strong> content editors friendly.
That&rsquo;s why projects like Forestry are starting (is a brand new startup, launched in mid 2016): to offer administration and content editor features with a Web interface for sites built with a static generator like Hugo or Jekyll, without forcing users to know Fit or how all this works under the hood. They will present a Wordpress like but much simpler Web interface and both a Markdown and a WYSIWYG editor.</p>
<h2 id="in-a-nutshell">In a nutshell</h2>
<p>Hugo is a powerful templating engine: offers internationalization and is possible to easily build reusable HTML snippets to embed code from external sources and data sources (plugins, without the trash). Also has blogging capabilities, support different templates for different pages, automatically generates RSS, sitemap and so on. In short, Hugo does the templating engine part of a CMS solution.</p>
<p>A Hugo project contains the templates, the style and has a separate folder with the content, that is written in Markdown. Yes, the content is there, not in a database and this is <strong>good</strong></p>
<p>A Hugo website needs to be built to generate the actual HTML to be puslished. This means that everytime a template file or a content file in the Hugo project is modified, you have to run the Hugo build for your site to reflect the changes. Building a Hugo projects mean launching a script in the command line. Then you have to upload the updated HTML to the CDN where is published.</p>
<p>Is clear that this last two steps is where things get nasty for non techy people. This is exactly what we&rsquo;re going to solve in this article.</p>
<p>Spoiler: we solve this using Forestry.io, the first of what I think will be a generation of product like this. There are a few pieces to put in line for this to work smoothly. We do not use a API-first CMS solution for a number of reason which I do not explain here but basically because is more complicated, very expensive and for most website is just an over-engineered solution that nobody really need.</p>
<h2 id="how">How</h2>
<p>Assume we have a Hugo project on a Git repository.
We setup Forestry to do the build in the cloud for us. Forestry will get the code from somewhere, like the Git repository, build the source and publish the result to a CDN, like Amazon S3 or Github pages or, my choice, Aerobatic.
This last choice allows me to have everything on Bitbucket: the source and the generated website, all in one convenient place.</p>
<p>Forestry will then provide the Web Dashboard for non-tech people to administer the site and create or edit content. Everytime a content file is edited and saved in Forestry, the change is pushed to the Git source branch. This triggers the build and the updated website is finally rendered in the Git hosting branch.</p>
<p>This means everytime content is saved from the Dashboard, a git push happen. Yes. Also means that everytime a push happens, the website is built. Yes, but <strong>I hope</strong> with a timer.</p>
<h2 id="advantages">Advantages</h2>
<ul>
<li>Hugo is developer friendly. Wordpress and the rest are not. period. this meanse better development time, happier developers, higher productivity, higher codebase quality</li>
<li>Code is just HTML/CSS. Code is reusable. This is good.</li>
<li>Static sites are fast as hell. Users are happy, Google is happy and the marketing guys are very happy.</li>
<li>Markdown editor is good.</li>
<li>Easy way to load data from CSV or JSON files, without paying the load time to get them from API everytime (or create a cache)</li>
<li>Forestry dashboard is clean and simple, nothing useless there. Thinkg about your old CMS dashboard. Or don&rsquo;t. Just relax, that&rsquo;s the past.</li>
</ul>
<h2 id="conclusions">Conclusions</h2>
<p>This will finally restore the balance in the Force and allow you to throw away tons of useless tools and code and plugins and cumbersome solutions that fixes a problem created by other cumbersome solutions.
This is a clean and elegant solution which is also scalable and with high performance, at development time as well as at serving content to your user and to search engines.</p>
<h2 id="credits">Credits</h2></description>
</item>
<item>
<title>Gradients are back</title>
<link>http://pipelean.com/post/gradient/</link>
<pubDate>Thu, 12 Jan 2017 12:25:38 +0100</pubDate>
<guid>http://pipelean.com/post/gradient/</guid>
<description><p>Gradients are back, and it is a great news!</p>
<p>There&rsquo;s nothing better than gradients in this world.</p>
<p><img src="http://pipelean.com/uploads/2017/01/23/Screenshot%20at%2019-26-19-1.png" alt="" /></p>
</description>
</item>
<item>
<title>About</title>
<link>http://pipelean.com/about/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>http://pipelean.com/about/</guid>
<description>
<h3 id="failing-for-10-years-together">Failing for 10 years, together</h3>
<p>We combine UX design with top-class and modern technology solutions with the experience to lead small teams to get the job done in a new way.</p>
</description>
</item>
</channel>
</rss>