Laravel + React Starter Kit #9 — Build a Content Blocks System (Admin Panel to Frontend)
Ajeet Singh Baddan
0:00 / 0:00
Laravel + React Starter Kit #9 — Build a Content Blocks System (Admin Panel to Frontend)
31 просмотр · 2 недели назад
Ajeet Singh Baddan
81 подписчик
31 просмотр · 2 недели назад
Part 9 of the Laravel + React Starter Kit series! In this video, we build a "blocks" system for pages — letting you add, arrange, and edit different content blocks (text, images, sections, etc.) on any page directly from the admin panel, all reflected instantly on the frontend.
You'll learn how to:
✅ Plan the blocks feature using an AI prompt to Claude
✅ Create migration files for the blocks database structure
✅ Build an admin panel UI to add and manage blocks per page
✅ Create the API to serve block content to the frontend
✅ Render different block types dynamically on the frontend
✅ Test the full flow end-to-end
This turns your Pages feature from Part 7 into a real mini page-builder — the same concept behind tools like WordPress's block editor, built from scratch in Laravel + React.
⏱️ Timestamps
00:00 Introduction
02:00 Prompting Claude for the plan
06:18 Starting with migration files
1:08:46 Wrap-up thoughts
📌 Missed earlier parts? Watch the full series here: • Laravel + React Starter Kit — Build a Full...
📌 Part 8: • Laravel + React Starter Kit #8 — Build a P...
🔗 Useful Links
Laravel Docs: https://laravel.com/docs
Laravel React Starter Kit: https://laravel.com/docs/starter-kits
Project Code: https://github.com/ajeetsinghbaddan/q...
Code Editor: https://kiro.dev/
👉 Subscribe to follow the rest of this series.
#Laravel #ReactJS #LaravelReact #AdminPanel #CMS #WebDevelopment #FullStackDevelopment #PHP #MySQL #LaravelTutorial