React + NextJS + WordPress + API Estudo de caso de um projeto real

1. REACT+NEXT.JS
WORDPRESS+RESTAPI
A REAL WORLD STUDY CASE

2. THEGUILTY

3. MARCELO
GLACIAL
WEB DEVELOPER @ CARLETON UNIVERSITY
OTTAWA - CANADA

4. THESUBJECT

5. "Canadian not-for-pro
f
it association to
support the community of Brazilian
expatriates in the National Capital Region.
Its mandate is to forge and coordinate social,
cultural, and recreational activities among its
members."

6. THEHISTORY

9. THEINTERVENTION

10. "Grupo voltado para todos que são
da area de IT e moram em Ottawa
e Gatineau!
A ideia é trocar ideias,
experiencias e dicas!
Nosso lema é ajudar!”

15. THEAPPROACH

16. CLASSICDEVELOPMENT
Front-end
HTML
CSS
JS
Deploy
FTP
Server-side rendering
Back-end
PHP
Data
MySQL

17. MODERNDEVELOPMENT
Front-end Back-end Deploy
Web App API CI/CD
Client-side rendering
Data
Datastore
Server-side rendering
headless

18. FONT: HTTPS://JAMSTACK.ORG
WHY?
Modern
Better Performance
Cheaper, Easier Scaling
Higher Security
Better Developer Experience
Collaboration / Maintenance

19. ARCHITECTURE
JAM Stack JavaScript API
React / Next
Markup
Bootstrap
WordPress API
Data

20. THETOOLS

21. Figma
VS Code
Docker
GitHub
Postman
DEVELOPMENT

22. THECODE

23. WordPress
PHP
MySQL
Gutenberg Blocks
React / JavaScript
Cloudinary
BACK-END

24. WordPress REST API
HubSpot CRM REST API
SWR Data Fetching
Postman
API

25. React / JavaScript
NextJS
CSS Modules
Bootstrap
FRONT-END

26. _app
_document
Incremental Static Regeneration
Image Component and Image Optimization
Font Optimization
SEO
NEXT.JS

27. CI/CD

28. THEQUESTIONS

29. THEANSWER

30. MARCELO GLACIAL, SOBRE CERTAS LINGUAGENS QUE NÃO DEVEM SER MENCIONADAS
“PREFIROMORRER
QUEIMADO”

31. THANKYOU!
MARCELOGLACIAL.COM