WTH is the Jamstack?

By André Varandas - @iamvarandas

WTH is the Jamstack?

By André Varandas - @iamvarandas

LAMP Stack

Building a website with WordPress

Linux, Apache, MySQL, PHP

Use it to build dynamic websites.
Used by WordPress, Drupal, Joomla, etc.

#phplisbon - André Varandas

Let’s look into…

LAMP - (Linux, Apache, MySQL, PHP)

WordPress development flow

Configure the stack
Manage Wordpress, plugins and themes
Developing and deploying

Maintaining the server

Security patches
Linux, PHP, MYSQL, Apache updates
Backups, monitoring and logging

#phplisbon - André Varandas

Let’s look into…

LAMP Frontend Flow

https://andrevarandas.dev

Wordpress main() - entry point for every request.

public function main($query_args = '') {
    $this->init();
    $this->parse_request($query_args);
    $this->send_headers();
    $this->query_posts();
    $this->handle_404();
    $this->register_globals();

    do_action_ref_array('wp', array(&$this));
}

#phplisbon - André Varandas

WTH is Jamstack?

What is it?

It’s not a framework.
It started as a marketing term.
It’s a way of building websites and apps.

#phplisbon - André Varandas

Let’s look into…

Must have

Markup generated from source files
CDN or static site hosting

Tools

Static site generators: 347
Headless CMS: 96
Countless amount of APIs.

Optional

Static site generator
Serverless functions or APIs
Headless CMS to manage content

#phplisbon - André Varandas

Typical workflow

For developing a Jamstack site

Write content | Headless CMS, markdown, json files.
Write code for the frontend, microservices, use version control.
Build! Fetch content and convert to static files.
Deploy static files to a CDN/static site hosting.

#phplisbon - André Varandas

Let’s look into…

Jamstack Frontend Flow

https://andrevarandas.dev

User requests a page
The CDN delivers the static files
The page is loaded and rendered
Client may request microservices

#phplisbon - André Varandas

Advantages?

Faster
More secure
Cheaper, easier to scale and maintain
Developer-friendly

#phplisbon - André Varandas

When to use it?

Use it when…

Marketing sites, blogs, eCommerce, documentation, etc.
When performance and SEO is a priority.

But not for…

Sites that need to be updated often or in real-time.
Sites that need to perform complex operations.

#phplisbon - André Varandas

How to create a Jamstack site?

With Markdown, Next.js and Neflify

phplisbon.com

#phplisbon - André Varandas

Thank you!

You can reach me at

#phplisbon - André Varandas