Build Headless CMS Website using Angular and Frappe

on YouTube ↗19m

" summary

A headless CMS implemented as a Frappe app plus an Ionic/Angular frontend that outputs sites deployable to Firebase or any static host, with page builder drag‑and‑drop, reusable section templates and component library, queryable dynamic sections tied to DocTypes, and built‑in header/footer and theme settings (20+ color palettes, ~30 Google fonts). Demo shows the system generating working web pages and a starter mobile app. The app is open source, available on the Frappe marketplace in beta, and claims production use for standard CMS pages and blog lists.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to headless CMS
2. 5:07Demo of custom Frappe app
3. 12:30Theme and layout settings
4. 15:01Page builder walkthrough
5. 17:33Open source and resources

" related talks

• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 31mAngular ❤️ CMSFilip Bruun Bech-Larsen · AngularUP 2018
• 29mAngular & WordPress: Practical guide to headless CMSNir Kaufman · International JavaScript Conference Munich 2019
• 32mBuilding a dynamic SPA website with AngularFilip Bruun Bech-Larsen · AngularCamp 2017
• 42mHeadless CMSwell gift · JSWorld Conference 2021
• 31mBuilding High Performance Static Web Site with AngularUri Shaked · AngularUP 2017
• 08mFrappe Desk pages using Frappe BuilderRajajrajan Anbalagan · Frappeverse India 2025
• 07mBy the Power of Headless!Samuel Snopko · React Summit Remote Edition 2021