Laravel + React Starter Kit #7 — Dynamic Pages & Header Navigation (Admin Panel to Frontend)
Ajeet Singh Baddan
0:00 / 0:00
Laravel + React Starter Kit #7 — Dynamic Pages & Header Navigation (Admin Panel to Frontend)
39 просмотров · 2 недели назад
Ajeet Singh Baddan
79 подписчиков
39 просмотров · 2 недели назад
Part 7 of the Laravel + React Starter Kit series! In this video, we build a full "Pages" system — create new pages from the admin panel, write content using a rich text editor, and automatically pull those page URLs into the header navigation on the frontend.
You'll learn how to:
✅ Plan the pages feature using an AI prompt to Claude
✅ Build the pages functionality (create, edit, manage pages from admin)
✅ Add a rich text editor for writing page content
✅ Automatically generate page URLs and slugs
✅ Fetch page links into the header navigation dynamically
✅ Test the full flow — create a page, add content, see it live in the nav
By the end of this video, you'll be able to create new pages entirely from the admin panel — no code changes, no manual navigation updates.
⏱️ Timestamps
00:00 Introduction
00:35 Prompting Claude for the plan
01:35 Building the pages functionality
15:29 Adding a text editor for page content
27:05 Testing the text editor
32:32 Wrap-up thoughts
📌 Missed earlier parts? Watch the full series here: • Laravel + React Starter Kit — Build a Full...
📌 Part 6: • Laravel + React Starter Kit #6 — Rest of t...
🔗 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