Frappe Builder Live Release and Demo, ft. Suraj Shetty

✨✨ 01.01.2024. ✨✨

Frappe Builder is coming! 🚀🚀

Witness the live release and demo of the newest FOSS Frappe product: Frappe Builder. Joining me on the show is Suraj Shetty. Join on 1st January, 2024 to know more

Know more: https://github.com/frappe/builder

For schedule, past episodes and more, check website: https://buildwithhussain.dev
My Setup: https://buildwithhussain.dev/setup/
Articles: https://buildwithhussain.dev/articles

Reach Out:

My Twitter: https://x.com/NagariaHussain
Suraj's LinkedIn:   / surajshetty3416  

Resources:

Frappe School: https://frappe.school
Frappe Framework: https://frappeframework.com
About Frappe: https://frappe.io


Get 15 days free trial Frappe site (without Credit Card details!) here: https://frappecloud.com/frappe/signup

Chapters

00:00 - Introduction
02:50 - New frappe.io website, built with Builder
03:34 - v1 GitHub Release Overview
09:43 - Frappe Cloud Public Deploy
15:00 - New frappe.io BTS
19:52 - Demo Website Overview
21:49 - Visual Building Philosophy
23:37 - Where are the pages saved? / Blocks
24:58 - What about SEO?
27:01 - Opening Builder
27:38 - Creating a new page
28:47 - Building the Navbar
31:43 - Copy/Pasting text styles from Figma
33:24 - Creating links from text block
34:30 - Height & Padding
36:54 - Copying components from other Builder instance
38:18 - Raw Styles
40:56 - Border Radius Control
41:32 - Margin & Padding Handles
42:53 - Building a Products Grid
51:33 - Design tool first, Builder second
53:49 - Tech Stack of Frappe Builder
56:22 - Components / Reusable Blocks
58:10 - Data Script + Repeater
1:02:54 - Route & Publish
1:03:54 - Responsive Variants
1:04:35 - Dynamic URL / Pages
1:10:53 - Building a responsive footer
1:20:10 - Social Links with SVG
1:28:58 - State styles (hover) with Raw styles
1:33:05 - Global Script
1:35:22 - Roadmap
1:40:44 - Draft vs Published Pages
1:42:10 - QnA

#frappe #erpnext #webdevelopment #markdown

Intro Music
------
Music track: Building Dreams by Aylex
Source: https://freetouse.com/music
Free Background Music for Videos