https://i124.fastpic.org/big/2024/1208/62/7d8789f4f714dc5db80423e808175762.jpg
Next.Js & Laravel 11 Build A Modern Full-Stack Application
Published 12/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 29.69 GB | Duration: 34h 39m
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 devel