Build AI Website Builder SaaS with Laravel 12 & Claude API

Learn to build a complete dynamic company website from scratch using Laravel 12, with a responsive front end and a MySQL back end, including sliders, blogs, pages, and two-factor authentication.

Set up your local Laravel 12 project with Xampp, Apache, MySQL, NodeJS, and Composer, then verify PHP 8.2 and PHPMyAdmin to begin development.

Install and set up a Laravel 12 project from scratch using the official Laravel installer, composer, and npm, then configure the MySQL database and run the dev server.

Explore the Laravel 12 file structure, from dot env and routes to views, migrations, models, and node_modules, and learn how to run the server and configure the database.

Install Laravel Breeze on a Laravel 12 project, customize the default user migration by adding photo, phone, address, role, and status fields, and scaffold authentication routes and views.

Learn how Laravel Breeze provides ready-made forget password and reset password flows, with routes and views; configure mailtrap SMTP in .env to test resets.

Learn to load a Bootstrap 5 backend theme and a clean frontend theme into a Laravel project, transforming static pages into a dynamic admin dashboard with update functionality.

Learn to integrate a bootstrap admin theme into a Laravel 12 project by loading assets into public, creating admin Blade components, and composing header, sidebar, and footer via includes.

Explore implementing an admin logout option in a Laravel 12 project by creating an admin controller route, leveraging the built-in authenticated session destroy method, and redirecting to the login page.

Customize the login experience by replacing the default Laravel Breeze login with your theme's login page, updating assets and form fields, and aligning routes for login, register, and forget password.

Customize the register form to mirror the themed login page by adding four fields—name, email, password, and password confirmation—and configure the register route and CSRF token.

Customize login form validation using breeze authentication, display default credential error messages with bootstrap alerts, and update logos via the assets folder to reflect your theme.

Refresh the admin template by cleaning the sidebar, updating logos and icons, configuring dashboard route, and removing unused menus, paving the way for a two factor authentication feature in Laravel.

Implement two-factor authentication in a Laravel Breeze app by sending a verification code to the user’s email after login and wiring a custom admin login route.

Implement two-factor authentication in a Laravel admin flow by generating and emailing a verification code, building a verification form and post route handled by the admin controller.

Implement two-factor authentication in a Laravel 12 app by sending a verification code via email, validating input, and managing session data to secure login and dashboard access.

Create an admin profile page and route protected by auth middleware in a Laravel Breeze app, enabling profile updates and password changes in part 1.

designs an admin profile page that displays the logged-in user's name and email, and enables updating name, email, photo, phone, and address with no-image placeholder and uploads in public/upload.

Build an interactive admin profile page that previews a selected image using JavaScript file reader and updates the show image area.

Update admin profile by saving name, email, phone, address, and photo through a multipart post form; upload images to public/upload/user images and remove old ones.

Update profile info triggers a toast notification across the app using loaded toast css and js, with dynamic header data reflecting name and profile image and success messages.

Implement admin password change on the profile page by building an old, new, and confirm password form with CSRF protection and a dedicated admin password update route.

Learn how to implement a secure admin password update in Laravel, including validating old password, enforcing new password and confirmation, hashing updates, and providing toast notifications.

Explore turning a static Bootstrap five theme into a dynamic Laravel frontend controlled by an admin panel, updating hero, about us, features, blog, FAQs, and more from the database.

Set up a reusable frontend template in a Laravel project by converting static index.html into blade views, organizing assets, and building header, footer, and mobile menu includes.

Develop a modular Laravel frontend by partitioning the home page into dynamic blade sections—slider, features, clarify, usability, reviews—each loaded via includes in a dedicated home layout.

Learn to convert static images into dynamic assets across a Laravel 12 frontend theme, updating index.blade assets, fonts, and SVG icons, then verify changes by saving and refreshing.

Update the header menu for both desktop and mobile views, refining the logo and navigation items such as home, about us, company profile, team, service, portfolio, blog, and contact.

Learn to implement a responsive header in Laravel 12 that toggles between login and dashboard states. Use auth checks, routes, and dynamic backend operations to manage testimonials and reviews.

Build a Laravel-based review management section by creating a backend controller, a review model with a reviews migration (name, position, image, message), and integrating with the admin dashboard.

Create a Laravel 12 route and review controller to fetch all reviews, pass them to a Blade view, and render them in an auth-protected data table on the admin dashboard.

Set up the home review section by loading the data table assets, updating the admin master, and rendering review rows with serial number, name, position, image, and message, plus actions.

Set up the add review feature in the Laravel admin backend by creating a route, controller method, and blade form to capture name, position, message, and photo.

Install the image intervention package for Laravel 3.x via composer, then enable the GD driver and resize images using the image manager.

Learn to build a Laravel 12 review submission with multipart form and image intervention. Upload and resize a 60 by 60 image, store review data, and display a success notification.

Learn to implement edit and update functionality for reviews in a Laravel app, including routes, a dedicated edit view, and handling updates with or without image uploads.

Learn to implement delete functionality for user reviews, create routes, integrate sweet alerts, and connect front-end toast notifications with a Laravel 12 backend.

Learn to render dynamic customer reviews in the frontend by converting static data to database-driven content, loading reviews via a blade view and a for-each loop in Laravel 12.

Build a dynamic backend home slider in Laravel by creating a slider controller, model, and migrations, defining a slider table with title, description, image, and link, and enabling admin updates.

Learn to update a backend home slider using a post route, handling multipart data, resizing images to 306×618, replacing existing images, and updating title, description, and link.

Show the home page slider by retrieving a single id related record from the slider model and dynamically rendering its title, description, image, and link in the blade view.

Interactively update slider title and description from the front end with authenticated checks and CSRF protection, then fetch an edit request to Laravel and handle the JSON response.

Learn to implement auto save on enter and blur for slider title and description, wiring keydown and blur listeners to update the database via Laravel 12.

Update header titles dynamically with a new title model and migrations, enabling interactive, one-by-one edits for features, reviews, and answers with live database updates.

Update the user header and reviews in a Laravel 12 app via onclick, copying from features to reviews and updating h2 titles with csrf protection.

Make the answers header dynamic by adapting the review logic, using the h2 tag as the answers title, and wiring edit answer routes and controller updates in Laravel 12.

Set up a Laravel backend to manage features: create a feature model and migration for title, description, and icon; build controllers, routes, and admin views for dynamic feature management.

Build and connect the add feature workflow in a Laravel backend: create routes, a store feature method, and a blade form with title, icon, and description fields.

Edit and delete feature records in the Laravel 12 backend by implementing routes, controllers, and blade views. Update and persist changes to the features data in the admin panel.

Fetch the latest six features from the database and render them dynamically on the home page, displaying title, icon, and description via the feature model in Laravel.