Building theatlantic.com homepage’s WYSIWYG admin with...
summary
Shows a concrete build: replacing nested-Grappelli inlines with a django-nested-admin API and a Knockout viewmodel to serialize Django formsets into two-way binding so the homepage is Knockout.js live-editable. Demonstrates drag‑and‑drop reordering, inline HTML editing, image upload and cropping (django crop duster), integration with CKEditor and Select2, and the surprising operational detail that the live homepage averages 33 updates per day. Includes why Angular was discarded and how the system maps form names to JSON to sync edits back to Django.
AI-written summary · about
chapters (8)
- 0:00The Atlantic homepage
- 2:27Admin redesign goals
- 3:44Technical approach
- 5:36Model serialization
- 7:30Data binding implementation
- 13:17Template and integration
- 14:30Live demonstration
- 17:14Conclusion
related talks
28mSaved you a click (or three): Supercharging the Django admin with actions and views
46mDjango + Alpine.js + htmx Ups & Downs with Karen Tracey
29mPushing The Pony's Boundaries - Django Admin Customization
21mWagtail CMS - Making Django More User (and Developer) Friendly
31mComparing Wagtail, Django CMS and Mezzanine
41mWhat is the Django admin good for?
42mDjangular
38mdjango-cms: Friends don't let friends use Drupal.