JAM Stack Intro
The bottom line is that we use WordPress in a headless fashion, opposed to it's default monolithic nature. We use it's REST API to pull content into a static based website created with React Static. We use various WP plugins and tools to ease the process of content architecture and hosting.
Technology Stack
Backend
WordPress
- Headless setup. It is only used as the backend/admin to manage content for the frontend of the site.
- WordPress REST API + ACF to REST API
- Advanced Custom Fields
- Used for almost all of the content fields. This allows better flexibility and consistency in content architecture.
- Custom Post Types UI
- JWT Authentication
- Only REST API (plugin). This disables the frontend of the WP site and displays a message that it needs to be accessed via API only.
- Various other plugins to assist in architecting a content model in WP.
Pantheon - Hosting platform for WordPress
Frontend
- React & React Static
- Netlify – Frontend Hosting
- Lambdas/functions service allows us to have access to backend functionality with our static setup. This is highly useful when authenticated with WordPress or handling form submissions.
- SeaMonster Studios' React Components
Templates
Backend
- SeaMonster Studios Custom Pantheon Upstream
- This has a build script that when ran, pulls in the plugins and child theme
- WP Headless Plugins
- WP Child Theme