The document discusses creating a pseudo-dynamic website using Movable Type that loads content dynamically with JavaScript but stores all content statically. It provides an overview, demo, ingredients including Movable Type and JSON templates, code samples, pros and cons, and tips. The presentation was given by Daiji Hirata to demonstrate how to build a lightweight dynamic site with only static content using Movable Type.

1. for MTDDC 2012 LT
pseudo-dynamic website
with Movable Type
2012.8.4
Daiji Hirata

2. about me 1
• Daiji Hirata, @hirata
• Senior Advisor, Six Apart
• 10+ years with Movable Type
Daiji Hirata, http://daijihirata.com/

3. 2
Daiji Hirata, http://daijihirata.com/

4. 3
Daiji Hirata, http://daijihirata.com/

5. recipe 4
• pseudo-dynamic content loading website
with *ONLY* static contents
Daiji Hirata, http://daijihirata.com/

6. 5
demo
Daiji Hirata, http://daijihirata.com/

7. ingredients 6
• movable type
• base webpage
• two json templates
• filter plugin
• some javascript codes
Daiji Hirata, http://daijihirata.com/

8. Starman!
the source 7
no contents in the HTML
Daiji Hirata, http://daijihirata.com/

9. 8
Daiji Hirata, http://daijihirata.com/

10. 9
Daiji Hirata, http://daijihirata.com/

11. 10
Daiji Hirata, http://daijihirata.com/

12. 11
Daiji Hirata, http://daijihirata.com/

13. javascript codes 12
Daiji Hirata, http://daijihirata.com/

14. the javascript code 13
Daiji Hirata, http://daijihirata.com/

15. the javascript code 14
Daiji Hirata, http://daijihirata.com/

16. the source 15
Daiji Hirata, http://daijihirata.com/

17. 16
demo again?
Daiji Hirata, http://daijihirata.com/

18. you might want... 17
• category and category archive list object
• monthly archive list object
Daiji Hirata, http://daijihirata.com/

19. pros/cons 18
• pros:
– keeping templates simple
– only static template (Azure Blob Storage!)
– widely available MT 2.x - 5.x
• cons:
– not true dynamic/realtime (rebuilding...)
– skills of javascirpt
Daiji Hirata, http://daijihirata.com/

20. tips 19
• don’t forget “AddType”:
AddType application/json json
• might be needed HTTP header for cross domain
content delivery:
Access-Control-Allow-Origin: *
Daiji Hirata, http://daijihirata.com/

21. conclusion 20
• MT is useful publishing engine
for “pseudo” dynamic website
Daiji Hirata, http://daijihirata.com/

22. 21
Thank you!
Daiji Hirata, http://daijihirata.com/