Next.Js & Laravel 11 Build A Modern Full-Stack Application

In This Course, You Will Build Complete Full-Stack Application with Next.js Laravel 11 and API. Build It From Scratch

What you'll learn

React js Fundamental

Next js Fundamental

Complete Design for Frontend with Next JS

Backend with Laravel 11

Two-Factor Authentication (2FA) Using a Verification Code

Customize Admin Template Setup

Laravel Breeze Forget and Reset Password

Image Upload with Image intervention 3

Create Full Frontend API with API

Full API Base Complete Project

Build Backend API with Postman

Create Total Frontend Design with Tailwind css

User Authentication

Build Complete Full-Stack Application

Create Get and Post API From Backend

Requirements

Basic Understanding of JavaScript

Good Grasp of Tailwind CSS

HTML and CSS Knowledge

Basic Command Line Knowledge

Description

Next.js & Laravel 11 Build a Modern Full-Stack ApplicationUnlock the power of modern web development with Next.js and Laravel 11 in this hands-on, project-based course! Whether you’re a beginner or an experienced developer looking to expand your skill set, this course will guide you step-by-step through building a robust full-stack application. Combining the scalability of Next.js for the frontend with the strength of Laravel 11 on the backend, you'll gain real-world experience in crafting dynamic, high-performing web applications.What You’ll Learn:Master Next.js, the React-based framework for building lightning-fast, SEO-friendly web applications.Harness the power of Laravel 11, the leading PHP framework, to create secure and efficient backends.Integrate RESTful APIs seamlessly between Next.js and Laravel.Implement authentication, authorization, and custom email verification features.Manage and query relational databases with ease using Laravel’s Eloquent ORM.Deploy your full-stack application to production with industry best practices.Why This Course?The demand for developers with expertise in both Next.js and Laravel is growing rapidly. By mastering these cutting-edge technologies, you'll stand out in the competitive job market. This course is designed to give you a deep understanding of how to build modern, scalable, and secure web applications using a powerful tech stack. Don’t miss the opportunity to take your web development skills to the next level. Enroll now and start building modern full-stack applications with Next.js and Laravel 11 today!

Overview

Section 1: Introduction

Lecture 1 Welcome to the Course

Lecture 2 Need Your Support

Lecture 3 My Mission

Lecture 4 Course Review - It will Inspire me a Lot

Section 2: React Fundamentals React Structure, JSX component & Rendering

Lecture 5 React Introduction

Lecture 6 Create New React App Using Vite

Lecture 7 Project Run And Build Command

Lecture 8 Dive Inside React Project Structure

Lecture 9 Organizing File Folders

Lecture 10 Best VS Code Extensions And Settings For React Development

Lecture 11 Primary Understanding On Component Part 1

Lecture 12 Primary Understanding On Component Part 2

Section 3: JSX And Conventions

Lecture 13 JSX And Conventions

Lecture 14 JSX Short Hand If else

Lecture 15 JSX Immediately invoked function

Lecture 16 JSX Loop Inside

Lecture 17 JSX Conditional Rendering Using If Else

Lecture 18 JSX Conditional Rendering Using Switch Statement

Lecture 19 JSX Conditional Rendering Using Ternary Operator

Lecture 20 JSX Conditional Rendering Using Logical And And

Lecture 21 JSX Conditional Rendering Using Immidiatly Invoked Function

Section 4: Manage React Component

Lecture 22 Passing Properties to Child Component

Lecture 23 Passing Simple String to Child Component

Lecture 24 Passing Object to Child Component

Lecture 25 Passing Function to Child Component

Lecture 26 Managing Click Event

Lecture 27 Managing Form Submit

Section 5: React Routing

Lecture 28 Applying React Router Dom

Lecture 29 Link And NavLink For Router

Lecture 30 Browser Router VS HashRouter

Lecture 31 Passing Parameter Via Naviagation

Section 6: React Hook & State Management

Lecture 32 [Hook] Meet With Hook

Lecture 33 [Hook] useRef InnerText InnerHTML

Lecture 34 [Hook] useRef Working With Attribute

Lecture 35 [Hook] useRef Working With Input Element

Lecture 36 [Hook] useRef Working With CSS Class

Lecture 37 [Hook] useRef Caching Expensive Computation

Lecture 38 [Hook] useState Understading Inside

Lecture 39 [Hook] useState Working With Immutable Object

Lecture 40 [Hook] useState Working With Immutable Array Part 1

Lecture 41 [Hook] useState Working With Immutable Array Part 2

Lecture 42 [Hook] useState Managing Form Like Pro Part 1

Lecture 43 [Hook] useState Managing Form Like Pro Part 2

Lecture 44 [Hook] useEffect understanding arguments and uses

Lecture 45 [Hook] useEffect calling api using promises

Lecture 46 [Hook] useEffect calling api usig async await

Section 7: Next JS Foundation

Lecture 47 Environment Tools Setup

Lecture 48 What and Why Next JS-

Lecture 49 What is the Different between React and Next js

Lecture 50 Create New App And Explore Build Optimization Process

Lecture 51 Playing With Project Structure

Lecture 52 Primary Page Concept And Functional Component

Lecture 53 Working With Static Asset Inside Public

Lecture 54 Working With Global And Module CSS

Lecture 55 Exploring Client Side Rendering

Lecture 56 Exploring Server Side Redering

Lecture 57 Where use SSR Where CSR

Lecture 58 Why we are writing use Client

Lecture 59 Exploring Directory Routing Concept

Lecture 60 Neasted Directory Routing Concept

Lecture 61 Basic Link Component

Lecture 62 Progress Bar In Routing

Lecture 63 Managing Active Link

Lecture 64 Link Component Query

Lecture 65 Link Component Query With useSearchParams

Lecture 66 Link Component Prefetch and Replace Properties

Lecture 67 Programmatically Routing Details

Lecture 68 Thinking In Next JS What About Server Component

Lecture 69 Thinking In Next JS What About Client Component

Section 8: Next.js Advance Config and Optimizations

Lecture 70 Understanding Base Path And Environment Variable

Lecture 71 Understanding Header Config

Lecture 72 Header Security Config Part 1

Lecture 73 Header Security Config Part 2

Lecture 74 Header Security Config Part 3

Lecture 75 Connection And Compression

Lecture 76 Image Optimization

Lecture 77 Font Optimization Part 1

Lecture 78 Font Optimization Part 2

Lecture 79 Script And Static Assets

Section 9: Next.js Middleware And 404 page

Lecture 80 Middleware Setup Part 1

Lecture 81 Middleware Setup Part 2

Lecture 82 Not Found Page

Section 10: Start To Build Next JS Complete Website with Laravel

Lecture 83 Welcome to the Course

Lecture 84 Project Excise Files - Downloadable Resource

Lecture 85 Course Structure How i Design This Course

Lecture 86 Environment Setup

Lecture 87 Create Next Js Project

Lecture 88 Project Setup File

Section 11: Design Frontend Header and Menu

Lecture 89 Design Frontend Header and Menu Part 1

Lecture 90 Design Frontend Header and Menu Part 2

Lecture 91 Design Frontend Header and Menu Part 3

Lecture 92 Design Frontend Header and Menu Part 4

Lecture 93 Design Frontend Header and Menu Part 5

Lecture 94 Design Frontend Header and Menu Part 6

Section 12: Design Frontend Slider Option

Lecture 95 Design Frontend Slider Option Part 1

Lecture 96 Design Frontend Slider Option Part 2

Section 13: Design Frontend Our Services Option

Lecture 97 Design Frontend Our Services Option Part 1

Lecture 98 Design Frontend Our Services Option Part 2

Section 14: Payment Gate Ways Design

Lecture 99 Payment Gate Ways Design Part 1

Lecture 100 Payment Gate Ways Design Part 2

Lecture 101 Payment Gate Ways Design Part 3

Section 15: Design Frontend Case Studies Option

Lecture 102 Design Frontend Case Studies Option Part 1

Lecture 103 Design Frontend Case Studies Option Part 2

Section 16: Gate Way Services Part Design

Lecture 104 Gate Way Services Part Design Part 1

Lecture 105 Gate Way Services Part Design Part 2

Section 17: Request A Call Component Design

Lecture 106 Request A Call Component Design

Section 18: Testimonial Component Design

Lecture 107 Testimonial Component Design Part 1

Lecture 108 Testimonial Component Design Part 2

Section 19: Latest Blog Page Design

Lecture 109 Latest Blog Page Design Part 1

Lecture 110 Latest Blog Page Design Part 2

Section 20: Footer Component Design

Lecture 111 Footer Component Design Part 1

Lecture 112 Footer Component Design Part 2

Lecture 113 Footer Component Design Part 3

Lecture 114 Footer Component Design Part 4

Section 21: About US Page Design

Lecture 115 About US Page Design Part 1

Lecture 116 About US Page Design Part 2

Lecture 117 About US Page Design Part 3

Lecture 118 About US Page Design Part 4

Section 22: Services and Services Details Page Design

Lecture 119 Services and Services Details Page Design Part 1

Lecture 120 Services and Services Details Page Design Part 2

Lecture 121 Services and Services Details Page Design Part 3

Lecture 122 Services and Services Details Page Design Part 4

Section 23: Blog Page Design Setup

Lecture 123 Blog Page Design Setup Part 1

Lecture 124 Blog Page Design Setup Part 2

Lecture 125 Blog Page Design Setup Part 3

Lecture 126 Blog Page Design Setup Part 4

Lecture 127 Blog Page Design Setup Part 5

Section 24: Contact Page Design Setup

Lecture 128 Contact Page Design Setup Part 1

Lecture 129 Contact Page Design Setup Part 2

Section 25: Add Loading Spinners in Components

Lecture 130 Add Loading Spinners in Components

Section 26: Work For Backend with Laravel

Lecture 131 Initial Setup for Start

Lecture 132 Install Laravel 11

Lecture 133 Create Database and Configuration

Lecture 134 Install Laravel Breeze

Lecture 135 Laravel Breeze Forget and Reset Password System

Section 27: Project Admin Panel Setup

Lecture 136 Project Theme OverView

Lecture 137 Admin Template Setup

Lecture 138 Admin Logout Option

Lecture 139 Customize Login Form

Lecture 140 Customize Register Form

Lecture 141 Customize Login Form Validation

Lecture 142 Refresh Admin Template

Section 28: Two-Factor Authentication (2FA) Using a Verification Code

Lecture 143 Two-Factor Authentication Part 1

Lecture 144 Two-Factor Authentication Part 2

Lecture 145 Two-Factor Authentication Part 3

Lecture 146 Two-Factor Authentication Part 4

Lecture 147 Admin Profile & Image Update Part 1

Lecture 148 Admin Profile & Image Update Part 2

Lecture 149 Admin Profile & Image Update Part 3

Lecture 150 Admin Profile & Image Update Part 4

Lecture 151 Admin Profile & Image Update Part 5

Lecture 152 Admin Profile & Image Update Part 6

Lecture 153 Adding Toster In For View Message

Lecture 154 Admin Profile Change Password Part 1

Lecture 155 Admin Profile Change Password Part 2

Section 29: Backend Slider Option Setup

Lecture 156 Admin Backend Slider Option Setup Part 1

Lecture 157 Admin Backend Slider Option Setup Part 2

Lecture 158 Admin Backend Slider Option Setup Part 3

Lecture 159 Admin Backend Slider Option Setup Part 4

Lecture 160 Install Image Intervention Package for Resize

Lecture 161 Admin Backend Slider Option Setup Part 5

Lecture 162 Admin Backend Slider Option Setup Part 6

Lecture 163 Admin Backend Slider Option Setup Part 7

Lecture 164 Admin Backend Slider Option Setup Part 8

Section 30: Backend Services Option Setup

Lecture 165 Admin Backend Services Option Setup Part 1

Lecture 166 Admin Backend Services Option Setup Part 2

Lecture 167 Admin Backend Services Option Setup Part 3

Lecture 168 Admin Backend Services Option Setup Part 4

Lecture 169 Admin Backend Services Option Setup Part 5

Section 31: Backend Payment Getaway One Services Setup

Lecture 170 Backend Payment Getaway Services Setup Part 1

Lecture 171 Backend Payment Getaway Services Setup Part 2

Section 32: Backend Payment Getaway Two Services Setup

Lecture 172 Backend Payment Getaway Two Services Setup Part 1

Lecture 173 Backend Payment Getaway Two Services Setup Part 2

Section 33: Backend Backend Testimonial Setup

Lecture 174 Admin Backend Testimonial Setup Part 1

Lecture 175 Add JavaScript Validation

Lecture 176 Admin Backend Testimonial Setup Part 3

Section 34: Backend Admin Blog Category Setup

Lecture 177 Admin Blog Category Setup Part 1

Lecture 178 Admin Blog Category Setup Part 2

Lecture 179 Admin Blog Category Setup Part 3

Lecture 180 Admin Blog Category Setup Part 4

Section 35: Backend Admin Blog Post Setup

Lecture 181 Admin Blog Post Setup Part 1

Lecture 182 Admin Blog Post Setup Part 2

Lecture 183 Admin Blog Post Setup Part 3

Lecture 184 Admin Blog Post Setup Part 4

Lecture 185 Admin Blog Post Setup Part 5

Section 36: Backend Admin Site Setting Setup

Lecture 186 Admin Site Setting Setup Part 1

Lecture 187 Admin Site Setting Setup Part 2

Section 37: Backend About Us Page Setup

Lecture 188 About Us Page Setup Part 1

Lecture 189 About Us Page Setup Part 2

Section 38: Backend Contact Us Page Setup

Lecture 190 Backend Contact Us Page Setup

Section 39: Build Backend API with Postman

Lecture 191 Build Backend API with Postman

Section 40: Create Backend Slider API

Lecture 192 Build Backend Slider API

Section 41: Create Backend Service API

Lecture 193 Build Backend Service

Section 42: Create Backend Payment Getaway Services API

Lecture 194 Create Api Backend Payment Getaway

Section 43: Create Backend Testimonial API

Lecture 195 Create Backend Testimonial API

Section 44: Create Backend Blog API

Lecture 196 Create Backend Blog API Part 1

Lecture 197 Create Backend Blog API Part 2

Lecture 198 Create Backend Blog API Part 3

Section 45: Create Backend Site Setting API

Lecture 199 Create Backend Site Setting

Section 46: Create Backend About Page API

Lecture 200 Create Backend About Page API

Section 47: Call Backend API in Next js Frontend Page

Lecture 201 Call Backend API in Next js Frontend-

Section 48: Call Slider API to Frontend Page

Lecture 202 Call Slider API to Frontend Page Part 1

Lecture 203 Call Slider API to Frontend Page Part 2

Lecture 204 Call Slider API to Frontend Page Part 3

Section 49: Call Services API to Frontend Page

Lecture 205 Call Services API to Frontend Page Part 1

Lecture 206 Call Services API to Frontend Page Part 2

Section 50: Call Services Details Page API to Frontend Page

Lecture 207 Call Services Details Page API Part 1

Lecture 208 Call Services Details Page API Part 2

Lecture 209 Call Services Details Page API Part 3

Section 51: Call Getaway Services API to Frontend Page

Lecture 210 Call Getaway Services API to Frontend Page Part 1

Lecture 211 Call Getaway Services API to Frontend Page Part 2

Section 52: Call Testimonial API to Frontend Page

Lecture 212 Call Testimonial API to Frontend Page

Section 53: Call Blog API to Frontend Page

Lecture 213 Call Blog API to Frontend Page Part 1

Lecture 214 Call Blog API to Frontend Page Part 2

Lecture 215 Call Blog API to Frontend Page Part 3

Lecture 216 Call Blog API to Frontend Page Part 4

Lecture 217 Call Blog API to Frontend Page Part 5

Lecture 218 Call Blog API to Frontend Page Part 6

Lecture 219 Fix Category Show Issues in Get Blog By Category

Section 54: Call Site Setting API to Frontend Page

Lecture 220 Call Site Setting API to Frontend Page Part 1

Lecture 221 Call Site Setting API to Frontend Page Part 2

Section 55: Call About Us Page API to Frontend Page

Lecture 222 Call About Us API to Frontend Page

Section 56: Submit Contact Us Frontend Form Data

Lecture 223 Submit Contact Us Frontend Form Data Part 1

Lecture 224 Submit Contact Us Frontend Form Data Part 2

Lecture 225 Submit Contact Us Frontend Form Data Part 3

Section 57: Deploy Total Project to Webhost

Lecture 226 Deploy Total Project Backend to Webhost

Lecture 227 Deploy Total Project Frontend to Webhost

Aspiring developers who want to learn full-stack development.,Backend developers looking to transition into frontend technologies like Next JS,Frontend developers who want to enhance their backend skills using Laravel 11,Entrepreneurs and startups aiming to build scalable web solutions