Why you might go static, tools to use, headless vs. static, and a demo.

2. PRESENTED BY
Daniel Schutzsmith
@schutzsmith

3. Why Are We Talking
About This?

4. Wanted to Scratch
My Own Itch

6. Another possible way to
work with WordPress

7. What Is a Static Website?

8. Only front-end

9. No back-end

10. Why Static?

11. • More secure than a publicly
accessible CMS.
• Cleaner than caching.
• Improves page speed for
better page ranking / SEO.

12. Static VS. Headless

13. • No calls to the
CMS.
• Only client-side
logic.
• Use existing or
custom front-end.
• Calls to CMS via
API.
• Both server-side
and client-side.
• Uses custom
front-end.
Static Headless

14. - Me
“Headless can make a
static website, but
headless itself, isn't static.”

15. Static Site Generators

17. A list of Static Site Generators
https://www.staticgen.com

18. What Is Static WordPress?

19. • Deploy the public facing site
to a separate server.
• The public facing site never
communicates back to WP.
• You still do most things the
WordPress way.

20. Ways To Implement
Static WordPress

21. Use A Static WordPress Host

22. Use A Static WordPress Plugin

23. Pinellas County’s Process for
covid19.pinellascounty.org

24. WordPress runs on a password
protected website

25. Public website runs on Netlify

26. WP Admin manually
deploys them to Netlify
using the WP2Static plugin

27. Only Admin users can deploy

28. Admin User Tells Other
Admins Before They’ll Deploy

29. Demo Time

30. https://staticwordpress.wpmudev.host
username: special-access
password: overspend.sandpaper.sister

31. https://static.schutzsmith.com/

32. Let’s watch the magic…

33. What’s the Use Case?

34. Great for Marketing Websites.

35. Smallish Websites
(less than 100 pages)

36. Would Not Run a
Community Website
or multi-user Blog
this way…..

37. Some Work Arounds
Are Necessary

38. All Forms Need To Be
Externally Hosted

39. Comments Too!

40. Anything Database Driven
Has To Be Rethought

41. Some Plugins Will Need To Be
Added To The Crawl List