00:01
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
current
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
next
No notes.
WTH is the Jamstack?
By André Varandas - @iamvarandas
1
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
2
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
3
Let’s look into…
LAMP Frontend Flow
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
4
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
5
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
6
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
7
Let’s look into…
Jamstack Frontend Flow
- User requests a page
- The CDN delivers the static files
- The page is loaded and rendered
- Client may request microservices
#phplisbon - André Varandas
8
Advantages?
- Faster
- More secure
- Cheaper, easier to scale and maintain
- Developer-friendly
#phplisbon - André Varandas
9
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
10
How to create a Jamstack site?
With Markdown, Next.js and Neflify
phplisbon.com
#phplisbon - André Varandas
11
12