WooCommerce & React

Learned lessons with

@glrodasz

  • Runs 32%  of the entire internet.
  • Plugins received 1 billion total downloads, and counting.
  • The admin interface is well known and friendly.
  • Build an E-commerce using WooCommerce is super easy.
  • Create custom post types and custom fields is quick.
  • Since version 4.7 it has the possibility to use as an API.

@glrodasz

WordPress

@glrodasz

Custom Post Types

@glrodasz

Custom fields

@glrodasz

Custom fields

@glrodasz

WordPress API

  • One of the most popular UI libraries.
  • Easy to learn it maintain the Web API.
  • Small API, most of React is JavaScript.
  • Open Source and MIT license.
  • Facebook supports it.
  • Components based!

@glrodasz

React

  • Server Side Rendering included.
  • Zero setup.
  • Fully extensible.
  • Ready for production.

@glrodasz

Next.js

@glrodasz

Next.js

npm run dev > localhost:3000

@glrodasz

Next.js

  • Automatic transpilation and bundling (with webpack and babel)
  • Hot code reloading
  • Server rendering and indexing of ./pages
  • Static file serving. ./static/ is mapped to /static/

@glrodasz

Headless WP Starter

  • An script to run WordPress locally.
  • Post and Pages endpoints based on slug.
  • Menu and custom fields exposed in the API.
  • Include a minimal template working with Next.js
  • Docker deployment.

@glrodasz

Headless WP Starter

@glrodasz

Headless WP Starter

@glrodasz

WooCommerce & Subscriptions APIs

@glrodasz

WooCommerce & Subscriptions APIs

@glrodasz

WooCommerce & Subscriptions APIs

@glrodasz

WooCommerce & Subscriptions APIs

@glrodasz

WooCommerce & Subscriptions APIs

@glrodasz

ePayco

@glrodasz

ePayco

@glrodasz

ePayco

@glrodasz

ePayco

@glrodasz

Wordmove

@glrodasz

Wordmove

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

@glrodasz

RunCloud

Questions?

Learned lessons with WooCommerce and React

By Guillermo Rodas

Learned lessons with WooCommerce and React

My experience creating e-commerce using a headless WordPress and React in the UI

  • 256
Loading comments...

More from Guillermo Rodas