SlideShare a Scribd company logo
React JS with WordPress
Presented by JP Wallhorn | Founder & CEO @Syntx
A game changer for SEO & Data Intelligence
What to expect
Content
1. About Syntx and myself
2. Problems and Challenges with WordPress
3. Traditional vs Headless and how does it work
4. What is React
5. Benefits
6. The different solutions
7. How can Syntx help
8. Questions
About Us
1. About Syntx & JP
- JP Wallhorn (Geek and Entrepreneur)
- Founded 03/2018
- Software Consulting Company for
- Web
- UX/UI
- Mobile
- Salesforce CRM
- Award Winning
- Local Resources
- Focused on process, product and people
- Growth 300% YOY
Trusted By
Problems and Challenges
with WordPress
More than just a website
- Content now a days is versatile
- It’s not just pages and blog articles
- Flexibility and integrations are key for a successful web presence or web application
- Being tied to a single template and technology is so 2000
- Siri, Amazon Alexa integrations are coming quickly
- Integrating native mobile applications or PWAs as they becoming more important
by the day
Speed and SEO
- WordPress templates tend to SLOW
- A slow page speed drags down your SEO performance dramatically
- WP delivers entire pages at once and doesn’t just show the most important content
- More time and resources needed to optimize for mobile
Requires specific
skill set
- WordPress requires yet its own
skill set
- Separate teams that work on
different technologies
- Extra costs and overhead
- Limited to a specific range of
engineers
Traditional vs Headless
How does it work?
Comparison
Old vs New
https://www.brightspot.com/blog/decoupled-cms-and-headless-cms-platforms
Old - Traditional
- Everything lives within one environment
- Backend and FrontEnd are one ecosystem
- You can’t scale both separately
- You can’t integrate the content into other applications
- You are limited to the provided technology (i.e. stuck with WordPress / PHP)
Comparison
Old vs New
https://www.brightspot.com/blog/decoupled-cms-and-headless-cms-platforms
New - Headless
- Separation of Backend and FrontEnd
- Choice of FrontEnd technology
- Added API layer that allows integration into the ecosystem
- Separation of scalability and dependencies
- More flexibility for integrations
- Utilize pre-built integrations from a wider range of options
What is React?
Tip: The Solution
- Hybrid Solution that works on Desktop, Mobile & Web
- Library developed Facebook (Open Source)
- #1 requested skill set for web development
- Component based architecture
- Rapid development
- Maximum Flexibility
- Pixel-perfect implementations
- Blazing fast
Benefits
Speed -> SEO ->
Organic Traffic
The domino effect
1. Improved speed results in
2. Improved rankings which result in
3. More organic traffic
Benefits
- Resources: Get access to a wider range of engineers
- Quality: Leverage a technology that allows for pixel-perfect implementations
- Rapid Development: Quickly iterate and deploy design changes without worrying
about the overhead
- Money Aspect: Leverage one team for various product solutions (desktop, web,
mobile)
- Omni-presence - Target your users on their favorite platform
Other Benefits
- Security: Don’t be that company that leaks user information | Protect sensitive
information
- Scalability: By separating the dependencies you can scale independently and quickly
- Flexibility: Easily integrate with other products and expand your backend logic
The different solutions
There is more than 1?
- React is just the core
- There are many projects around
React that focus on specific things
- React JS by default can not be
crawled by Google correctly
- Next JS is an SEO focused solution
- Gatsby is an alternative (not covered
here / own ecosystem)
What is NextJS
- A lightweight library for static and server-rendered applications
- Features built for speed:
- Server Rendered by default
- Automated Code Splitting
- Lazy Loading
- Out of the box solution
- Zero configuration approach
- Trusted by Netflix, Marvel, Invision, Uber, Audible, HULU
That’s where we come in -
Syntx
How Syntx can help
- Syntx has been doing these migrations various times
- We have developed a proprietary WordPress API Integration
- It’s built for flexibility
- Friendly URLs and customized menus
- Custom data structure right within WordPress
- Don’t be stuck with Pages and Posts
- Leverage custom fields and build out templates
- Built-in caching
How Syntx can help
- Automatically optimized and compress images
- Content Delivery Network
- Support for SVGs
- Easily integrate with Salesforce, Pardot and other 3rd parties
- Track custom user events
- Implement A/B testing within minutes
- Extended User Management
- Native Mobile Experience
Questions?
GIVEAWAY Enter to win a major boost!
1X $10,000 off your next $20k+ project
2X $5,000 off your next $10k+ project
Syntx.io/giveaway
THANK YOU

More Related Content

What's hot

Multisite core concepts final
Multisite core concepts finalMultisite core concepts final
Multisite core concepts final
Umesh Chaudhary
 
1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Developmentapnwebdev
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a Service
Andrew Bauer
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Eric Greene
 
Agriya services
Agriya servicesAgriya services
Agriya services
iScripts
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API
Building WordPress sites with AngularJS and the RESTful plugin JSON APIBuilding WordPress sites with AngularJS and the RESTful plugin JSON API
Building WordPress sites with AngularJS and the RESTful plugin JSON API
Eric Greene
 
Back to the future - The WordPress edition
Back to the future - The WordPress editionBack to the future - The WordPress edition
Back to the future - The WordPress edition
Omar Reiss
 
Building Drupal 8 Sites
Building Drupal 8 SitesBuilding Drupal 8 Sites
Building Drupal 8 Sites
Exove
 
Developing An Effective e-Learning Platform From Ready-Made Script
Developing An Effective e-Learning Platform From Ready-Made ScriptDeveloping An Effective e-Learning Platform From Ready-Made Script
Developing An Effective e-Learning Platform From Ready-Made Script
iScripts
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Irfan Maulana
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
vodQA
 
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile AppsWordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
Caldera Labs
 
Advancement in Web Technologies
Advancement in Web TechnologiesAdvancement in Web Technologies
Advancement in Web Technologies
hiteshproy
 
Basic word press
Basic word pressBasic word press
Basic word press
Md. Abu hena mostofa kamal
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Iftekher Islam Sunny
 
Wiki - What, Why and How?
Wiki - What, Why and How?Wiki - What, Why and How?
Wiki - What, Why and How?
Sukhdev Singh
 
Building Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 FrameworkBuilding Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 Framework
Webvanta
 
Net2Vic: How to Choose a Content Management System for Your New Website
Net2Vic: How to Choose a Content Management System for Your New WebsiteNet2Vic: How to Choose a Content Management System for Your New Website
Net2Vic: How to Choose a Content Management System for Your New Website
NetSquared Victoria
 
Web Standards
Web StandardsWeb Standards
Web Standards
ChrisF1502010
 

What's hot (20)

Multisite core concepts final
Multisite core concepts finalMultisite core concepts final
Multisite core concepts final
 
1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a Service
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
 
Agriya services
Agriya servicesAgriya services
Agriya services
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API
Building WordPress sites with AngularJS and the RESTful plugin JSON APIBuilding WordPress sites with AngularJS and the RESTful plugin JSON API
Building WordPress sites with AngularJS and the RESTful plugin JSON API
 
Back to the future - The WordPress edition
Back to the future - The WordPress editionBack to the future - The WordPress edition
Back to the future - The WordPress edition
 
Building Drupal 8 Sites
Building Drupal 8 SitesBuilding Drupal 8 Sites
Building Drupal 8 Sites
 
Developing An Effective e-Learning Platform From Ready-Made Script
Developing An Effective e-Learning Platform From Ready-Made ScriptDeveloping An Effective e-Learning Platform From Ready-Made Script
Developing An Effective e-Learning Platform From Ready-Made Script
 
Wikis and blogs
Wikis and blogsWikis and blogs
Wikis and blogs
 
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSSPhp Indonesia x Bliblidotcom - Architecting Scalable CSS
Php Indonesia x Bliblidotcom - Architecting Scalable CSS
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
 
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile AppsWordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
WordPress Tallahassee Meetup: Turning WordPress Sites Into Web & Mobile Apps
 
Advancement in Web Technologies
Advancement in Web TechnologiesAdvancement in Web Technologies
Advancement in Web Technologies
 
Basic word press
Basic word pressBasic word press
Basic word press
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Wiki - What, Why and How?
Wiki - What, Why and How?Wiki - What, Why and How?
Wiki - What, Why and How?
 
Building Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 FrameworkBuilding Responsive Websites with the Bootstrap 3 Framework
Building Responsive Websites with the Bootstrap 3 Framework
 
Net2Vic: How to Choose a Content Management System for Your New Website
Net2Vic: How to Choose a Content Management System for Your New WebsiteNet2Vic: How to Choose a Content Management System for Your New Website
Net2Vic: How to Choose a Content Management System for Your New Website
 
Web Standards
Web StandardsWeb Standards
Web Standards
 

Similar to ReactJS with WordPress Headless Approach

Drupal vs. the Others
Drupal vs. the OthersDrupal vs. the Others
Drupal vs. the Others
Exove
 
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem. SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
Kushan Lahiru Perera
 
Why angular?
Why angular?Why angular?
Why angular?
Sergey Bielanovskiy
 
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
darwinodb
 
Using rest to create responsive html 5 share point intranets
Using rest to create responsive html 5 share point intranetsUsing rest to create responsive html 5 share point intranets
Using rest to create responsive html 5 share point intranets
InnoTech
 
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design System
Vlad Fedosov
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
Bryan Ollendyke
 
Flashback: QCon San Francisco 2012
Flashback: QCon San Francisco 2012Flashback: QCon San Francisco 2012
Flashback: QCon San Francisco 2012Sergejus Barinovas
 
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJSMicro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
KNOWARTH - Software Development Company
 
Opac labs overview-pr1.0
Opac labs overview-pr1.0Opac labs overview-pr1.0
Opac labs overview-pr1.0opaclabs
 
Responsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparisonResponsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparison
DhrubaJyoti Dey
 
Drupal
DrupalDrupal
Drupal
btopro
 
Enhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web DesignEnhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web Design
Eric Overfield
 
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
BIWUG
 
Our Battle Against Technical Debt
Our Battle Against Technical DebtOur Battle Against Technical Debt
Our Battle Against Technical Debt
ifnu bima
 
What do you need to know before going in to Sri Lankan IT industry
What do you need to know before going in to Sri Lankan IT industryWhat do you need to know before going in to Sri Lankan IT industry
What do you need to know before going in to Sri Lankan IT industry
Andun Sameera
 
BP 308 - The Journey to Becoming a Social Application Developer
BP 308 - The Journey to Becoming a Social Application DeveloperBP 308 - The Journey to Becoming a Social Application Developer
BP 308 - The Journey to Becoming a Social Application Developer
Serdar Basegmez
 
Implementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing CompanyImplementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing Company
Marcos Labad
 
Meetup which approach to choose?
Meetup   which approach to choose?Meetup   which approach to choose?
Meetup which approach to choose?
Joe Mbaya
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
Precedent
 

Similar to ReactJS with WordPress Headless Approach (20)

Drupal vs. the Others
Drupal vs. the OthersDrupal vs. the Others
Drupal vs. the Others
 
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem. SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
 
Why angular?
Why angular?Why angular?
Why angular?
 
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
IBM ConnectED SPOT104: Lightning-Fast Development of Native Mobile Apps for I...
 
Using rest to create responsive html 5 share point intranets
Using rest to create responsive html 5 share point intranetsUsing rest to create responsive html 5 share point intranets
Using rest to create responsive html 5 share point intranets
 
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design System
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
 
Flashback: QCon San Francisco 2012
Flashback: QCon San Francisco 2012Flashback: QCon San Francisco 2012
Flashback: QCon San Francisco 2012
 
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJSMicro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
Micro Front Ends : Divided We Rule by Parth Ghiya - AhmedabadJS
 
Opac labs overview-pr1.0
Opac labs overview-pr1.0Opac labs overview-pr1.0
Opac labs overview-pr1.0
 
Responsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparisonResponsive web design with various grids and frameworks comparison
Responsive web design with various grids and frameworks comparison
 
Drupal
DrupalDrupal
Drupal
 
Enhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web DesignEnhancing SharePoint with Responsive Web Design
Enhancing SharePoint with Responsive Web Design
 
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
Microsoft Flow advanced: tips, pitfalls, problems and warnings to be known be...
 
Our Battle Against Technical Debt
Our Battle Against Technical DebtOur Battle Against Technical Debt
Our Battle Against Technical Debt
 
What do you need to know before going in to Sri Lankan IT industry
What do you need to know before going in to Sri Lankan IT industryWhat do you need to know before going in to Sri Lankan IT industry
What do you need to know before going in to Sri Lankan IT industry
 
BP 308 - The Journey to Becoming a Social Application Developer
BP 308 - The Journey to Becoming a Social Application DeveloperBP 308 - The Journey to Becoming a Social Application Developer
BP 308 - The Journey to Becoming a Social Application Developer
 
Implementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing CompanyImplementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing Company
 
Meetup which approach to choose?
Meetup   which approach to choose?Meetup   which approach to choose?
Meetup which approach to choose?
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
 

Recently uploaded

Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
Mind IT Systems
 
RISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent EnterpriseRISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent Enterprise
Srikant77
 
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoamOpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
takuyayamamoto1800
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
NYGGS Automation Suite
 
top nidhi software solution freedownload
top nidhi software solution freedownloadtop nidhi software solution freedownload
top nidhi software solution freedownload
vrstrong314
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns
 
Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
Donna Lenk
 
Using IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New ZealandUsing IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New Zealand
IES VE
 
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.ILBeyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Natan Silnitsky
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
Adele Miller
 
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Globus
 
A Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of PassageA Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of Passage
Philip Schwarz
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
Google
 
Accelerate Enterprise Software Engineering with Platformless
Accelerate Enterprise Software Engineering with PlatformlessAccelerate Enterprise Software Engineering with Platformless
Accelerate Enterprise Software Engineering with Platformless
WSO2
 
Quarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden ExtensionsQuarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden Extensions
Max Andersen
 
Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
Paco van Beckhoven
 
BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024
Ortus Solutions, Corp
 
Into the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdfInto the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdf
Ortus Solutions, Corp
 
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdfEnhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Jay Das
 

Recently uploaded (20)

Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...
 
RISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent EnterpriseRISE with SAP and Journey to the Intelligent Enterprise
RISE with SAP and Journey to the Intelligent Enterprise
 
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoamOpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
OpenFOAM solver for Helmholtz equation, helmholtzFoam / helmholtzBubbleFoam
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
 
top nidhi software solution freedownload
top nidhi software solution freedownloadtop nidhi software solution freedownload
top nidhi software solution freedownload
 
Prosigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology SolutionsProsigns: Transforming Business with Tailored Technology Solutions
Prosigns: Transforming Business with Tailored Technology Solutions
 
Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
 
Using IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New ZealandUsing IESVE for Room Loads Analysis - Australia & New Zealand
Using IESVE for Room Loads Analysis - Australia & New Zealand
 
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.ILBeyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
Beyond Event Sourcing - Embracing CRUD for Wix Platform - Java.IL
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
 
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
 
A Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of PassageA Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of Passage
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
 
Accelerate Enterprise Software Engineering with Platformless
Accelerate Enterprise Software Engineering with PlatformlessAccelerate Enterprise Software Engineering with Platformless
Accelerate Enterprise Software Engineering with Platformless
 
Quarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden ExtensionsQuarkus Hidden and Forbidden Extensions
Quarkus Hidden and Forbidden Extensions
 
Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024Globus Compute wth IRI Workflows - GlobusWorld 2024
Globus Compute wth IRI Workflows - GlobusWorld 2024
 
Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024Cracking the code review at SpringIO 2024
Cracking the code review at SpringIO 2024
 
BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024BoxLang: Review our Visionary Licenses of 2024
BoxLang: Review our Visionary Licenses of 2024
 
Into the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdfInto the Box 2024 - Keynote Day 2 Slides.pdf
Into the Box 2024 - Keynote Day 2 Slides.pdf
 
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdfEnhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
Enhancing Project Management Efficiency_ Leveraging AI Tools like ChatGPT.pdf
 

ReactJS with WordPress Headless Approach

  • 1. React JS with WordPress Presented by JP Wallhorn | Founder & CEO @Syntx A game changer for SEO & Data Intelligence
  • 3. Content 1. About Syntx and myself 2. Problems and Challenges with WordPress 3. Traditional vs Headless and how does it work 4. What is React 5. Benefits 6. The different solutions 7. How can Syntx help 8. Questions
  • 5. 1. About Syntx & JP - JP Wallhorn (Geek and Entrepreneur) - Founded 03/2018 - Software Consulting Company for - Web - UX/UI - Mobile - Salesforce CRM - Award Winning - Local Resources - Focused on process, product and people - Growth 300% YOY
  • 7.
  • 9. More than just a website - Content now a days is versatile - It’s not just pages and blog articles - Flexibility and integrations are key for a successful web presence or web application - Being tied to a single template and technology is so 2000 - Siri, Amazon Alexa integrations are coming quickly - Integrating native mobile applications or PWAs as they becoming more important by the day
  • 10. Speed and SEO - WordPress templates tend to SLOW - A slow page speed drags down your SEO performance dramatically - WP delivers entire pages at once and doesn’t just show the most important content - More time and resources needed to optimize for mobile
  • 11. Requires specific skill set - WordPress requires yet its own skill set - Separate teams that work on different technologies - Extra costs and overhead - Limited to a specific range of engineers
  • 14. Old - Traditional - Everything lives within one environment - Backend and FrontEnd are one ecosystem - You can’t scale both separately - You can’t integrate the content into other applications - You are limited to the provided technology (i.e. stuck with WordPress / PHP)
  • 16. New - Headless - Separation of Backend and FrontEnd - Choice of FrontEnd technology - Added API layer that allows integration into the ecosystem - Separation of scalability and dependencies - More flexibility for integrations - Utilize pre-built integrations from a wider range of options
  • 18. Tip: The Solution - Hybrid Solution that works on Desktop, Mobile & Web - Library developed Facebook (Open Source) - #1 requested skill set for web development - Component based architecture - Rapid development - Maximum Flexibility - Pixel-perfect implementations - Blazing fast
  • 20. Speed -> SEO -> Organic Traffic The domino effect 1. Improved speed results in 2. Improved rankings which result in 3. More organic traffic
  • 21. Benefits - Resources: Get access to a wider range of engineers - Quality: Leverage a technology that allows for pixel-perfect implementations - Rapid Development: Quickly iterate and deploy design changes without worrying about the overhead - Money Aspect: Leverage one team for various product solutions (desktop, web, mobile) - Omni-presence - Target your users on their favorite platform
  • 22. Other Benefits - Security: Don’t be that company that leaks user information | Protect sensitive information - Scalability: By separating the dependencies you can scale independently and quickly - Flexibility: Easily integrate with other products and expand your backend logic
  • 24. There is more than 1? - React is just the core - There are many projects around React that focus on specific things - React JS by default can not be crawled by Google correctly - Next JS is an SEO focused solution - Gatsby is an alternative (not covered here / own ecosystem)
  • 25. What is NextJS - A lightweight library for static and server-rendered applications - Features built for speed: - Server Rendered by default - Automated Code Splitting - Lazy Loading - Out of the box solution - Zero configuration approach - Trusted by Netflix, Marvel, Invision, Uber, Audible, HULU
  • 26. That’s where we come in - Syntx
  • 27. How Syntx can help - Syntx has been doing these migrations various times - We have developed a proprietary WordPress API Integration - It’s built for flexibility - Friendly URLs and customized menus - Custom data structure right within WordPress - Don’t be stuck with Pages and Posts - Leverage custom fields and build out templates - Built-in caching
  • 28. How Syntx can help - Automatically optimized and compress images - Content Delivery Network - Support for SVGs - Easily integrate with Salesforce, Pardot and other 3rd parties - Track custom user events - Implement A/B testing within minutes - Extended User Management - Native Mobile Experience
  • 30. GIVEAWAY Enter to win a major boost! 1X $10,000 off your next $20k+ project 2X $5,000 off your next $10k+ project Syntx.io/giveaway

Editor's Notes

  1. Users on mobile devices spend 90% of their time in apps vs the browser