loading...
Cover image for Reclaiming The Internet

Reclaiming The Internet

brennan profile image Brennan K. Brown ・4 min read

Breaking free from social media to create something of your own.

Where We Are Now

As I've written about in the past, social media has fundamentally changed the way people use the Internet. Millions of people aren't even aware they're on the it when using Facebook which is just one of many disappointing but unsurprising statistics.

Gone are the days of independent blogs. The days of AngelFire, GeoCities, even the mere customization options of MySpace or LiveJournal have been effectively done away with for the uniform, sanitized design of the small handful of places people still visit.

Sure, you have options for independent websites that are still advertised to the consumer—Wix, Squarespace, but these are costly and ultimately still owned by someone else.

This is, of course, where technology like the JAMSstack and Gatsby comes in. With websites like Netilfy and GitHub allowing people to freely host open-sourced websites with any sort of design at no cost. Technology for the non-technical. To be able to provide a platform, no matter how meagre or small at first, to anybody.

But how did we get here?

A Brief History of Web Rendering

Back in the early days of the Web, around 20 years ago, companies like Microsoft and Macromedia realized people needed tooling to build websites. The problem developers came up against was, if they had a site with 10 or 20 or 100 pages and they needed to update the main menu of that site, they had to update all 10 or 20 or 100 pages, which was really tedious and error prone.

One of the solutions to this problem was to create what became known as DWTs, or Dynamic Web Templates. You create a template containing the common elements, like the main menu and the header and the footer, and then you define editable areas, then you use that template to create new pages, edit only the editable areas, the template takes care of the rest. Then you run a little process, and out comes the static HTML pages. Change the template, and all pages made from that template also changes.

Jump forward about 10 more years, and the Web had evolved well beyond DWTs to what we now know as CMSs, or Content Management Systems. CMSs, like Drupal and WordPress, took a new and revolutionary approach to the problem of managing 10 or 100 or 1,000 pages on a site. Rather than using DWTs and auto-generating static pages, they introduced a PHP-based templating system that generated pages on the fly when the user requested them by pulling data from a database and placing that data inside templates.

Jump forward another 10 years to just about today, and CMSs dominate the web. But there's a problem. When a site is popular, getting thousands or 10s of thousands or 100s of thousand visits a day, constantly generating pages on the fly produces an enormous amount of server overhead. So developers have started caching their pages, effectively storing static versions of the pages off and on CDMs, and then serving them instead of the generated pages and only regenerating the static pages when things change.

Gatsby, also known as GatsbyJS, and other static-site-generating solutions like Jekyll and Hugo, are the culmination of this 20-year journey around the circle. Gatsby uses templates, this time based on React, and an advanced build process to generate static pages to be served up to the user. is a static site framework and static site generator based on React. You write HTML, CSS, and React, Gatsby takes all that code, pours on a solid helping of well crafted magic, and out comes a reliable, accessible, and lightning fast website, to be hosted anywhere on the Web.

In essence, the same thing that was done 20 years ago, just with modern tools. There's one more significant difference though: Gatsby allows you to pull content from any data source, mix and collate that data in any way you like, and create advanced dynamic templates to generate those static pages, what the Gatsby team calls a "content mesh". With Gatsby, everything old is new again, and what's new will shape the future of the Web.

The Art of the Digital Garden

Perhaps we can view the age of blogging is, instead of dying, entering a new era and territory. Tom Critchlow wrote about the concept of the Digital Garden and this idea was expanded upon by Christian Teitze andJoel Hooks.

The phrase "digital garden" is a metaphor for thinking about writing and creating that focuses less on the resulting "showpiece" and more on the process, care, and craft it takes to get there.

This subverts nearly the entire idea of what a blog is--rather putting something more similar to a Commonplace Book, a place where there are ideas that are not strictly linear or for the sake of viewing, rather for the sake of creating.

If you're interested in trying this experiment for yourself, John Otander on GitHub has a Digital Garden Template built with Gatsby that you can use--perhaps one could think of this as fertilizer. Maxime Vaillancourt also has a guide for creating a digital garden in Jekyll if you'd prefer that.

Regardless, I believe you should try. I'm a big fan and advocate of seeing all people, tech-savvy or not, have their own blog and piece of the Internet. To reclaim a small piece of this once-wild land, to start growing.

Posted on by:

brennan profile

Brennan K. Brown

@brennan

Hey there! I'm Brennan. I'm a 24-year-old 🇨🇦 Métis web developer and blogger. I'm looking for open-source projects to help, and people to collaborate with! I love tinkering with the JAMstack! 🍓

Discussion

pic
Editor guide