Home > Episode > Local, Remote, Dev, Staging, L

Local, Remote, Dev, Staging, Live: Our WordPress environments

en-usDecember 29, 2022

Siegfried, deploy!

What was the main topic of the podcast episode?

Summarise the key points discussed in the episode?

Were there any notable quotes or insights from the speakers?

Which popular books were mentioned in this episode?

Were there any points particularly controversial or thought-provoking discussed in the episode?

Were any current events or trending topics addressed in the episode?

What was the main topic of the podcast episode?

Summarise the key points discussed in the episode?

Were there any notable quotes or insights from the speakers?

Which popular books were mentioned in this episode?

Were there any points particularly controversial or thought-provoking discussed in the episode?

Were any current events or trending topics addressed in the episode?

About this Episode

How do you make sure every developer on a website project sees the same content across environments? How do we maintain stable development environments for very old websites? And on which environments do we present code changes to our clients? In this episode Dominik and Steffen give insights how they set up the deployment and cloning process and architecture at Bleech.

Highlights
00:00 Intro
00:31 Why care about the development server setup?
01:44 How we deployed back in the days
05:24 How we synch database and assets across development environments
07:05 Local environments on a remote server
10:33 The challenge with maintaining build processes
15:07 How we set up environments, cloning and deployments
21:21 When we split development and staging
22:41 More environments increase complexity
24:34 Dominik's favourite stack and process
31:10 Beware of data privacy!
32:47 A typical workflow for new projects
37:26 The future of dev environments

Links
StackBlitz: https://stackblitz.com/
CodeSandbox: https://codesandbox.io/
InstaWP: https://instawp.com/

Recent Episodes from Siegfried, deploy!

Rapid WordPress dev setups with wp-now

We've all been there – the mere thought of configuring a new development setup sends shivers down your spine. But what if you could bypass the hassle and jump straight into action? Meet wp-now: the instant WordPress setup wizard.

Highlights
00:00 wp-now == smart
00:37 Demo
02:17 Customization
03:10 First time install
04:03 wp-env vs. wp-now
05:06 This is huge!

Links
- WordPress Playground / wp-now: https://github.com/WordPress/playground-tools/tree/trunk/packages/wp-now
- Flynt (WordPress Starter Theme): https://flyntwp.com/

Siegfried, deploy!

en-usNovember 07, 2023

Why Passkeys are the future

The future is passwordless! Learn all about Passkeys, the technology set to replace traditional passwords. The best part?! You can start using them today! We'll show you how.

Highlights
00:00 Why passwords are bad
01:12 Demo: Passkey registration
02:05 The technology & security options
03:11 Multi-device compatibility
04:07 Demo: Passkey login
05:01 Sharing Passkeys
05:29 Business applications
06:09 How to use them today

Links
- Passkey Demo: https://www.passkeys.io/
- Passkey Directory: https://passkeys.directory/

Siegfried, deploy!

en-usOctober 24, 2023

The only 3 tools you need for perfect image optimization

Want to serve the fastest loading images in the wild wild web? By the end of this episode, you'll be armed with Google-recommended tools and strategies that set you on a fast track to becoming an image optimization expert.

Highlights
00:00 Intro
00:41 The magic wand
01:46 The right image format
03:02 Going the extra mile
04:20 The right perspective
05:55 Mastering SVGs
07:20 The no-brainer tool
08:38 Conclusion

Links
- Squoosh: https://squoosh.app/
- SVGO: https://svgomg.net/
- ImageOptim: https://imageoptim.com/

Siegfried, deploy!

en-usOctober 06, 2023

Own your business intelligence reports with evidence.dev

Ever felt trapped by traditional BI tools? We did too. That's why we're thrilled to share our experience with evidence – a tool that lets you build business intelligence dashboards using good old SQL and Markdown.

Highlights
00:00 Introduction
00:48 Features and capabilities of evidence
01:31 Portability and open source nature of evidence
02:52 Examples and use cases
04:17 Component reference and data sources
05:35 Build process and deployment
06:04 Code examples and dynamic routes
07:08 Adding static information to dashboards
08:13 Intended use

Links
- Evidence Website: https://evidence.dev/
- Evidence Examples: https://evidence.dev/examples
- Evidence Docs: https://docs.evidence.dev/
- Markdown Basics: https://www.markdownguide.org/basic-syntax/
- SQL Tutorial: https://www.w3schools.com/sql/
- DuckDB: https://duckdb.org/

Siegfried, deploy!

en-usSeptember 28, 2023

Reality Check: The Limits of View Transitions

Ever wondered how to animate between two UI states without wrangling heaps of extra code? Well, get ready to unlock a new level of web development capabilities with us, as we dive into the exciting world of view transitions.

Highlights
00:00 Introduction
00:44 Understanding View Transitions
02:05 Demos & Practical Applications
03:14 Current Reality vs. The Dream
06:47 Potential Use Cases & WordPress Context
07:25 View Transitions With HTMX
08:31 Working With View Transitions in CSS
12:54 Conclusion

Links
- Chrome Developers Article: https://developer.chrome.com/docs/web-platform/view-transitions/
- Astro 3.0 View Transitions: https://astro.build/blog/astro-3/#astro-view-transitions
- Svelte View Transitions: https://svelte.dev/blog/view-transitions
- HTMX View Transitions: https://htmx.org/docs/#view-transitions
- View Transitions API Overview: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
- Maxi Ferrera's Demo: https://live-transitions.pages.dev/
- Turbo: https://turbo.hotwired.dev/
- swup: https://swup.js.org/
- Shuffle.js: https://vestride.github.io/Shuffle/

Siegfried, deploy!

en-usSeptember 21, 2023

What's New in Flynt v2.0

Our WordPress Starter Theme got its biggest upgrade. Flynt v2 makes developing lightning fast websites fun and provides editors with a smooth experience. Learn all about the most significant improvements from the core team members.

Highlights
00:00 Introduction
00:34 Key improvements
01:11 1) Performance: JavaScript Islands
04:07 2) Editor Experience: Gutenberg and ACF
05:30 3) Developer Experience: Vanilla JS and CSS Variables
12:12 Feedback

Links
- Flynt Website: https://flyntwp.com/
- Flynt PageSpeed Test Results: https://pagespeed.web.dev/analysis?url=https%3A%2F%2Fflyntwp.com%2F
- Flynt Release Blog Post: https://flyntwp.com/flynt-2-0-rekindling-your-love-for-wordpress-again/
- Flynt GitHub Discussions: https://github.com/flyntwp/flynt/discussions

Siegfried, deploy!

en-usSeptember 14, 2023

HTMX is awesome and here's why

What if you could supercharge your HTML with AJAX requests, CSS transitions, and web socket capabilities directly from HTML attributes? That's what HTMX can do for you. We're discussing its benefits and drawbacks in this episode.

Highlights
00:00 Introduction to HTMX
01:16 Triggers and Functionality
02:06 Benefits and Use Cases
03:26 Making static WordPress interactive
04:19 Modern JavaScript Frameworks vs HTMX
05:25 Areas for Improvement
08:15 Final Thoughts

Links
- HTMX Official Website: https://htmx.org/
- Alpine.js: https://alpinejs.dev/
- Tailwind CSS: https://tailwindcss.com/
- Mutation Observer: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Siegfried, deploy!

en-usSeptember 07, 2023

Microdata vs JSON-LD: Which Structured Data Format Wins?

Are you wrestling to decide which data format is superior, Microdata or JSON-LD? Take a seat and let us take you on a journey exploring the pros and cons of these two formats in relation to websites.

Highlights
00:00 Introduction to Structured Data Formats
00:44 Importance of Structured Data and Schema.org
01:45 Implementation of JSON-LD
02:56 Implementation of Microdata
04:01 Multiple JSON-LD Script Tags
05:12 When to Use Which Format
08:30 Ease of Implementation and Debugging

Links
- Structured Data Schemas: https://schema.org/
- Structured Data Validator: https://validator.schema.org/
- Rich Results Tests: https://search.google.com/test/rich-results

en-usAugust 31, 2023

Never Integrate Social Media Buttons Like This

There's a clear winning approach when it comes to integrating social media share buttons into your website. Learn how to do it quickly, easily and safely.

Highlights
00:00 Introduction
00:18 Integrating Simple Social Media Links
00:43 Share Buttons for Specific Pages and Posts
02:09 Considerations for Privacy & Performance
05:42 DIY Integration vs. Using Plugins
07:33 Finding Non-Javascript Share Links

en-usAugust 24, 2023

Debugging Open Graph Images on Social Media

Ever wondered why the wrong images pop up when you share your posts on social media? There's an easy fix! Learn how to use tools like LinkedIn's post inspector to reset the social network's cache and ensure the newest image and information get displayed.

Highlights
00:00 Finding Link Debuggers to Fix Open Graph Images
00:28 LinkedIn Post Inspector
01:36 Facebook Sharing Debugger
03:15 Twitter's Card Validator (removed?!)
03:55 Previewing Social Media Posts with OpenTags.io

Links
- LinkedIn Post Inspector: https://www.linkedin.com/post-inspector/
- Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/
- Twitter Card Validator: https://cards-dev.twitter.com/validator
- OpenTags.io Preview Tool: https://opentags.io/

en-usAugust 17, 2023

Ask this episode Anything

What was the main topic of the podcast episode?

Summarise the key points discussed in the episode?

Were there any notable quotes or insights from the speakers?

Which popular books were mentioned in this episode?

Were there any points particularly controversial or thought-provoking discussed in the episode?

Were any current events or trending topics addressed in the episode?