There are no items in your cart
Add More
Add More
| Item Details | Price | ||
|---|---|---|---|
Next JS full stack web development course
Master full stack web development with Next JS and build cutting-edge applications with ease in this comprehensive course!
Instructor: 30DaysCoding
Language: Hindi
Enrolled Learners: 32019
Validity Period: Lifetime
$89.99 56% OFF
$33.05 excluding 18% GST
10% Cashback as 30DC Coins
Become a Full-Stack Pro with the Complete Next.js 14+ Course!
➡️ One-Time Payment, Lifetime Access: Pay once to master the future of web development.
➡️ Join a Thriving Community: Learn alongside 40,000+ developers.
➡️ Build & Deploy Pro-Level Apps: Create portfolio-worthy projects from scratch.
➡️ Earn Your Certificate: Get a professional credential to showcase your expertise.
What You'll Learn
➡️ Next.js & React Foundations:
▸ Understand why Next.js is the leading React framework for production apps.
▸ Master React fundamentals, including components, props, and hooks.
➡️ The App Router (Next.js 14+):
▸ Master file-based routing, dynamic routes, and route groups.
▸ Implement layouts, loading states, and error boundaries with ease.
▸ Understand Server Components vs. Client Components and when to use each.
➡️ Modern Data Fetching:
▸ Fetch data on the server with fetch in Server Components.
▸ Implement Static Site Generation (SSG) and Server-Side Rendering (SSR).
▸ Learn Incremental Static Regeneration (ISR) to revalidate cached data.
▸ Handle real-time data with client-side fetching and Suspense.
➡️ Full-Stack Development:
▸ Build robust backend logic with Server Actions.
▸ Create powerful API endpoints with Route Handlers.
▸ Integrate with databases like Postgres using Prisma ORM.
➡️ Authentication & Security:
▸ Implement secure, modern authentication with NextAuth.js.
▸ Protect routes and manage user sessions with middleware.
➡️ Styling & Optimization:
▸ Style applications with Tailwind CSS and CSS Modules.
▸ Optimize fonts and images with built-in Next.js components for top performance.
▸ Improve SEO with dynamic metadata generation.
➡️ Advanced Concepts & Deployment:
▸ Manage global state with Context API and Zustand.
▸ Test your application with Jest and React Testing Library.
▸ Deploy your projects to Vercel with a single command.
Build a Portfolio That Gets You Hired
➡️ 10+ Detailed Projects with Videos & Guides: Go beyond tutorials with full-stack applications that solve real-world problems and impress employers.
➡️ Create Cutting-Edge Apps:
▸ Full-Stack Blog Platform: A complete content platform with Markdown support, Server Actions for comments, and a database connection.
▸ E-commerce Store: Build an online shop with product listings, a shopping cart, and Stripe for payment processing.
▸ AI-Powered SaaS App: Create a modern application that integrates with OpenAI and manages user subscriptions.
▸ Admin Dashboard: A data-heavy dashboard with complex layouts, charts, and protected routes.
Career & Job Support
➡️ Job Search Help: Get guidance on crafting a Next.js developer resume, optimizing your LinkedIn, and building a standout GitHub portfolio.
➡️ Essential Skills: Learn Git for version control and Agile workflows for team collaboration.
➡️ Community Access: Network with fellow developers, ask questions, and get feedback.
Ready to build faster, more powerful web applications? Let's get started!
| Welcome, course introduction | |||
| Getting started 1:00 | |||
| Join mentorship community 1:00 | |||
| Course items | Preview | ||
| Welcome to the courses 1:00 | |||
| Learning items - Next JS | |||
| Download the guides | |||
| Get your certificate | |||
| 10LPA roadmap 7:00 | |||
| HTML, CSS intro and mastery | |||
| html1- Introduction to HTML, CSS, Web dev 3:00 | |||
| html2- All about HTML - tags, sections, important info 11:00 | |||
| html3- HTML forms, tables, and more 9:00 | |||
| html4- Metatags in HTML 1:00 | |||
| html5- Templates and projects to make 5:00 | |||
| css-1 - Introduction to CSS mastery 4:00 | |||
| css-2 - Important tags in CSS 5:00 | |||
| css-3 - Master flexbox 8:00 | |||
| css-4 - Master images CSS 1:00 | |||
| HTML MASTERY | |||
| 0 something important 3:00 | |||
| 1 overview 10:00 | |||
| 2 what is html 7:00 | |||
| 3 editor 4:00 | |||
| 4 First Program 12:00 | |||
| 5 tags in capital or small 1:00 | |||
| 6 easy way to make structure 1:00 | |||
| 7 heading 3:00 | |||
| 8 elements 1:00 | |||
| 9 paragraph 2:00 | |||
| 10 line break 1:00 | |||
| 11 hr tag 1:00 | |||
| 12 pre 1:00 | |||
| 13 bold | |||
| 14 strong | |||
| 15 italics | |||
| 16 emprasized 1:00 | |||
| 17 underline | |||
| 18 small | |||
| 19 mark | |||
| 20delete 1:00 | |||
| 21 insert 1:00 | |||
| 22 subscript 1:00 | |||
| 23 superscript | |||
| 24 blockquote cite 5:00 | |||
| 25 quotations 1:00 | |||
| 26 abbriviation 2:00 | |||
| 27 address 1:00 | |||
| 28 cite 1:00 | |||
| 29 bdo | |||
| 30 comments 4:00 | |||
| 31 links 3:00 | |||
| 31 links attribute 2:00 | |||
| 32 parent , tp 1:00 | |||
| 33 absolute vs relative 3:00 | |||
| 34 link with title 1:00 | |||
| 35 image 1:00 | |||
| 36 src 2:00 | |||
| 37 alternate 1:00 | |||
| 38 favicon 4:00 | |||
| 39 what is table 2:00 | |||
| 40 table tag 3:00 | |||
| 41 explanation 1:00 | |||
| 42 not so important 3:00 | |||
| 43 vertical tables 2:00 | |||
| 44 colspan 3:00 | |||
| 45 rowspan 1:00 | |||
| 46 ol and ul 2:00 | |||
| 47 dl 1:00 | |||
| 48 ordered type 1:00 | |||
| 49 block 2:00 | |||
| 50 inline 2:00 | |||
| 51 div 6:00 | |||
| 52 span 1:00 | |||
| 53 iFrame 3:00 | |||
| 54 File Path 3:00 | |||
| 55 head and meta 5:00 | |||
| 56 code | |||
| 57 keyboard | |||
| 58 sample | |||
| 59 pre | |||
| 60 var | |||
| 61 section 2:00 | |||
| 62 article 1:00 | |||
| 63 header 1:00 | |||
| 64 footer | |||
| 65 nav 2:00 | |||
| 66 aside 1:00 | |||
| 67 symbol 1:00 | |||
| 68 video 2:00 | |||
| 69 video attribute 1:00 | |||
| 70 audio 3:00 | |||
| 71 youtube 2:00 | |||
| 72 Forms 18:00 | |||
| 73 selects 3:00 | |||
| 74 select size 1:00 | |||
| 75 textarea 2:00 | |||
| 76 button 1:00 | |||
| 77 fieldset 3:00 | |||
| 78 more on inputs 6:00 | |||
| CSS Mastery | |||
| 0 Overview | |||
| 1 what and why css 1:00 | |||
| 2 css folder 1:00 | |||
| 3 external , internal , inline 7:00 | |||
| 4 comments 3:00 | |||
| 5 selectors 11:00 | |||
| 6 universal selector 1:00 | |||
| 7 grouped selector 1:00 | |||
| 8 color 4:00 | |||
| 9 rgba 1:00 | |||
| 10 hex 3:00 | |||
| 11 hex short | |||
| 11 hex short 2 | |||
| 12 hsl 3:00 | |||
| 13 hsla | |||
| 14 backgrounds 12:00 | |||
| 15 borders 11:00 | |||
| 16 box model 4:00 | |||
| 17 margin padding 7:00 | |||
| 18 outline 5:00 | |||
| 19 text 8:00 | |||
| 20 vertical align 2:00 | |||
| 21 text decoration 4:00 | |||
| 22 tranform 1:00 | |||
| 23 more on text 2:00 | |||
| 24 text shadow 3:00 | |||
| 25 fonts 6:00 | |||
| 26 Links 10:00 | |||
| 27 lists 4:00 | |||
| 28 more on list 5:00 | |||
| 29 tables 8:00 | |||
| 30 block inline 4:00 | |||
| 31 none,hide 1:00 | |||
| 32 . Display 13:00 | |||
| 33 . FlexBox 16:00 | |||
| 34 . Media Query 5:00 | |||
| 35 . Grid 11:00 | |||
| 36 . Transform 4:00 | |||
| 37 . Box Sizing 2:00 | |||
| Tailwind CSS | |||
| [Tailwind CSS project] - 1 - DSA revision guide landing page 2:00 | |||
| [Tailwind CSS project] - 2 - Edtech event page 1:00 | |||
| [Tailwind CSS - 1] Master Tailwind CSS & Build Projects - Speed run 57:00 | |||
| Build a Modern Landing Page with Next.js and Tailwind CSS - Tutorial 4:00 | |||
| Build a landing page with Next JS and Tailwind CSS 8:00 | |||
| Tailwind CSS with Project 33:00 | |||
| [HTML, CSS project 4] - Tailwind CSS introduction and complete project 33:00 | |||
| [New] Javascript intro and mastery | |||
| js1-Intro to JS 1:00 | |||
| js2-Variables, loops, functions 5:00 | |||
| js3-Basic weather app in JS and AI tools 10:00 | |||
| js4-Async, await example 2 3:00 | |||
| js5-Understanding closures and other JS topics 5:00 | |||
| js6-Learning debouncing 3:00 | |||
| js7-Error handling and checking Claude for JS 3:00 | |||
| js7-Mastering V0 and AI tools for Javascript 3:00 | |||
| js8-conditional-rendering 5:00 | |||
| JS in detail | |||
| 3 . Comments | |||
| 4. Variables 9:00 | |||
| 5 . Implicit Type Conversion 3:00 | |||
| 7 . Arithmetic Operator 1:00 | |||
| 8 . Incr _ Dec 2:00 | |||
| 9 . Comparison Operator 2:00 | |||
| 10 . == vs === 2:00 | |||
| 11. Logical Operator 5:00 | |||
| 12 . Conditional _ if , if else , nested if 5:00 | |||
| 13. else if 2:00 | |||
| 14 . Switch 5:00 | |||
| 15 . Loop _ for , while , do while 13:00 | |||
| 16 . Functions 11:00 | |||
| 17. Array 20:00 | |||
| 18 . map function 5:00 | |||
| 20 . push , unshift | |||
| 21 . splice 1:00 | |||
| 22 . slice 2:00 | |||
| 23 . For in For OF 1:00 | |||
| 24 . Multidimensional Array 5:00 | |||
| 25 . copy 3:00 | |||
| 26 . Destruct 2:00 | |||
| 27 . objects 6:00 | |||
| 28 . Objects Inside Array 4:00 | |||
| [NEW] JavaScript Full Course | |||
| 1. Intro , Basics , Variables , Data types etc 37:00 | |||
| 2 . Operators , functions etc 37:00 | |||
| 3 . if ,else if , else , switch , break etc 24:00 | |||
| 4. loops for , while , do while ,nested etc 19:00 | |||
| 5 . Arrays , maps , methods etc 34:00 | |||
| 6 . Objects , methods etc 14:00 | |||
| 7. sets , map , methods etc 12:00 | |||
| 8. for in,for of , lexical scoe , closure more 17:00 | |||
| 9. destructuring , chaining , spread , nullish 30:00 | |||
| 10. async , promise , async await , callback hell etc 42:00 | |||
| Javascript projects | |||
| GitHub Profile Viewer JavaScript Project 11:00 | |||
| Form Validation with JavaScript 34:00 | |||
| Use Promises to load multiple images JavaScript 30+ Project 8:00 | |||
| use Map() to double all element JavaScript 30+ Project 3:00 | |||
| Remove all Occurences JavaScript 30+ Project 3:00 | |||
| Recursive Function to calculate Factorial JavaScript 30+ Project 5:00 | |||
| Prototype JavaScript 30+ Project 8:00 | |||
| Multiple API call using callbacks JavaScript 30+ Project 7:00 | |||
| nth Fibonacci Number JavaScript 30+ Project 4:00 | |||
| Load images using async await JavaScript 30+ Project 4:00 | |||
| Largest Element JavaScript 30+ Project 5:00 | |||
| Higher Order Functions return new Array JavaScript 30+ Project 2:00 | |||
| Implement Private Variable using Closures JavaScript 30+ Project 5:00 | |||
| Fix Error using try catch JavaScript 30+ Project 3:00 | |||
| Fetch Data using Async Await JavaScript 30+ Project 4:00 | |||
| Counter that increase JavaScript 30+ Project 4:00 | |||
| API calls using Promises JavaScript 30+ Project 5:00 | |||
| [New] React JS intro and mastery | |||
| react1 - Introduction to React JS 3:00 | |||
| react2 - Structure, installation, overview 7:00 | |||
| react3 - Build lots of landing pages 4:00 | |||
| react4 - JSX mastery 7:00 | |||
| react5 - Different components and reusing 2:00 | |||
| react6 - Props - Children and parent 4:00 | |||
| react7 - Hooks intro 3:00 | |||
| react8 - Hooks mastery and interview prep 8:00 | |||
| react9 - Conditional rendering and making projects 7:00 | |||
| State management | |||
| state-management-2-examples 15:00 | |||
| State-management-1-intro 12:00 | |||
| state-management-3-example 5:00 | |||
| state-manaegent-4-ecommerce 5:00 | |||
| [Essentials] HTML, CSS, JS, React One Shot | |||
| Master HTML Essentials Crash Course for Quick Learning 51:00 | |||
| Master CSS Essentials Crash Course for Quick Learning 65:00 | |||
| Master JS Beginners Essentials Crash Course for Quick Learning 66:00 | |||
| Mastering React JS Essentials_ Secrets Revealed __ Crash Course for Quick Learning 97:00 | |||
| [Bonus projects] React JS projects | |||
| [React project 1] - BMI Calculator 20:00 | |||
| [React project 2] - Calculator App 30:00 | |||
| [React project 3] - Expense Tracker 19:00 | |||
| [React project 4] - Shopping Cart 94:00 | |||
| [React project 5] - To Do App 30:00 | |||
| [React project 6] - Weather App 39:00 | |||
| [React project 7] - Paypal Infinity Scroll 18:00 | |||
| [React project 8] -MAANG Problem 6:00 | |||
| [React project 9] -Link Previewer 30:00 | |||
| [React project 10] - Select all 10:00 | |||
| [React project 11] -Form Validation 46:00 | |||
| [React project 12] - Transfer List Project 26:00 | |||
| [React project 13] - Text TO Document 18:00 | |||
| [NEW] Next JS - introduction | |||
| 1 - Introduction to Next JS 5:00 | |||
| 2 - Building real landing pages with AI 4:00 | |||
| 3 - Use templates and build fast 5:00 | |||
| 4 - Using AI, V0, and docs to learn 6:00 | |||
| 5 - Structure and layouts 4:00 | |||
| 6 - Mastering layouts through docs 3:00 | |||
| 7 - Data fetching and streaming 9:00 | |||
| 8 - Fullstack apps with Firebase, Supabase 8:00 | |||
| 9 - Fullstack apps with Next JS and mongo db 5:00 | |||
| 10 - Full stack apps with Next JS and Vercel DB 5:00 | |||
| Frontend Development with NEXT JS | |||
| Check the new project added | |||
| Next JS part 1 - Project Structure , App Routing and Routing 38:00 | |||
| Next JS part 2 - Client vs Server side Rendering 28:00 | |||
| Next JS part 3 - Fetching Data with 2 Examples 20:00 | |||
| Next JS part 4 - Dynamic Router, Dynamic Fetching 43:00 | |||
| Next JS part 5 - CSR vs SSR vs SSG vs ISR - Next JS 13.5+ 45:00 | |||
| Next JS backend in detail | |||
| 1 _ Express JS vs Next JS 2:00 | |||
| 2 _ Creating Next App 2:00 | |||
| 3 _ Api Route and Route Handler 7:00 | |||
| 4 _ Nested routes 2:00 | |||
| 5 _ Dynamic Route, Static Data, Postman 14:00 | |||
| 6 _ Advanced routing Url params 8:00 | |||
| 7 _ CRUD operation 26:00 | |||
| 8 _ Restful API with fetch 24:00 | |||
| 9 _ Redirect using Middleware 6:00 | |||
| 10 _ Nextjs and MongoDB with Contact From 32:00 | |||
| [NEW] Integrating payments | |||
| payments-stripe-1 14:00 | |||
| payments-stripe-3 9:00 | |||
| payments-stripe-2 7:00 | |||
| payments-stripe-4 7:00 | |||
| [NEW] Supabase mastery | |||
| supabase-1-supabase 7:00 | |||
| supabase-2-fetching-data 6:00 | |||
| supabase-3-inserting-data 5:00 | |||
| supabase-4-simple-authentication 12:00 | |||
| supabase-5-more-authentication 4:00 | |||
| Next JS backend quick run through | |||
| Next JS part 6- Next vs Express, Api route and Route Handle 21:00 | |||
| Next JS part 7 - Multiple Route, Dynamic Routes, Working with Static Data 15:00 | |||
| Next JS part 8 - Query params, Crud Operation 32:00 | |||
| [#1 Next JS project] - Authentication with Next JS | |||
| Learn Authentication with Next Auth 23:00 | |||
| nextauth-main | |||
| [#2 Next JS project] - Build a Next JS 14 Dashboard : Frontend + Backend + Next Auth + Server Action | |||
| Next JS dashboard part 1 - Project Overview, Setup, Sidebar 59:00 | |||
| Next JS dashboard part 2 - Complete UI Navbar (use client, Link, usepathname) 27:00 | |||
| Next JS dashboard part 3 - Build a transactions page 23:00 | |||
| Next JS dashboard part 4 - Create users and products in UI 34:00 | |||
| Next JS dashboard part 5 - Add users and add products in DB 27:00 | |||
| Next JS dashboard part 6 - View users and view products (dynamic route) 45:00 | |||
| Next JS dashboard part 7 - Connect to MongoDB (fetching from DB) 29:00 | |||
| Next JS dashboard part 8 - Create a Login form (UI only) 9:00 | |||
| Next JS dashboard part 9 - Dynamic routing using MongoDB 3:00 | |||
| Next JS dashboard part 10 - Server Actions explained (Add users and products) 34:00 | |||
| Next JS dashboard part 11 - Delete and update features - UI and DB 17:00 | |||
| Next JS dashboard part 12 - Implement authentication - Login and logout 24:00 | |||
| [Zip code file] next14-dashboard-main | |||
| [#3 Next JS project] - Build a LinkedIn clone in Next JS | |||
| Full stack LinkedIn clone in Next JS (complete pdf guide) (14 pages) | |||
| LinkedIn app part 1 - Introduction and Project setup 10:00 | |||
| LinkedIn app part 2 - UI setup 6:00 | |||
| LinkedIn app part 3 - Authentication and Responsiveness 20:00 | |||
| LinkedIn app part 4 - Sidebar and Feed pages 53:00 | |||
| LinkedIn app part 5 - Database and Models 24:00 | |||
| LinkedIn app part 6 - Creating and displaying posts 54:00 | |||
| LinkedIn app part 7 - Advanced features and caching 21:00 | |||
| LinkedIn app part 8 - Interactions and Deployment | |||
| linkedin-clone-main | |||
| [Project] Full Stack : Book My Show | |||
| 0 Overview 1:00 | |||
| 1 Setup , Home and Select Movies 20:00 | |||
| 2 Home css , components , time schedule 18:00 | |||
| 3 Select Seats 10:00 | |||
| 4 Last Booking Details 12:00 | |||
| 5 Context , Local Storage , active inactive 16:00 | |||
| 6 slots context , seats context 12:00 | |||
| 7 Book Button , Backend , Server , ConnectToDB 23:00 | |||
| 8 GetData , PostData , updating lastBookingDetails 23:00 | |||
| [Quick projects] - Build AI full stack apps with Next JS | |||
| AI projects bundle (complete pdf guides) (1 pages) | |||
| [Full stack AI project] Build an AI news app with RSS feeds, Next JS, and Chat GPT API 8:00 | |||
| [Full stack AI project] Build an animated video generator with AI, Next JS, Chat GPT, Replicate 4:00 | |||
| [Full stack AI project] Build an AI content app with Next JS, Tailwind CSS, and Chat GPT API 8:00 | |||
| [Full stack AI project] Build AI music generator with Leap AI, Next JS, Vercel 4:00 | |||
| [Full stack AI project] Build an AI app with Leap AI 6:00 | |||
| [Full stack AI project] Make a tweet generator with AI_ Next JS and Replicate 4:00 | |||
| [Full stack AI project] Build a project with Youtube + Open AI API 5:00 | |||
| [Full stack AI project] Build a poem generator with AI - Next JS, Facebook AI, Llama 3:00 | |||
| [Full stack AI project] Build an AI app with Leap AI 6:00 | |||
| [Full stack AI project] Build a project with Youtube + Open AI API 5:00 | |||
| [Quick projects] - Use Free Next JS Templates | |||
| Next JS template - Introduction 1:00 | |||
| Next JS template - Boilerplate 1:00 | |||
| Next JS template - Linktree clone 1:00 | |||
| Next JS template - AI photo app 1:00 | |||
| Next JS template - Stripe supabase subscription 1:00 | |||
| Next JS template - App router 1:00 | |||
| Next JS template - Liveblocks apps 1:00 | |||
| Next JS template - Enterprise code 1:00 | |||
| Next JS template - Video course apps 1:00 | |||
| [Project guide] - Build a Trello clone with Next JS | |||
| Part 1 - How to build Trello clone using Next JS (Beginner) - pdf guide (32 pages) | |||
| Part 2 - How to build Trello clone using Next JS (Intermediate) (11 pages) | |||
| Trello-clone-master [zip code file] | |||
| Videos coming soon! | |||
| [Project guide] - Build a Job portal using Next JS | |||
| Build an Job portal using Next JS & Typescript with admin dashboard (complete pdf guide) (71 pages) | |||
| Code zip file | |||
| Videos coming soon! | |||
| [Project guide] - Build an AI traveling app | |||
| Build a Traveling AI application with HTML, CSS, JS, React, Chat GPT API, and more! 6:00 | |||
| Traveling app - zip code file | |||
| Code snippet | |||
| [Project guide] - Build a link in bio (linktree) app with Next JS | |||
| How to create link in bio for developers in Next JS - guide (42 pages) | |||
| Complete PDF guide (download) | |||
| Link in bio app [zip code file] | |||
| Videos coming soon! | |||
| [Project guide] - Build a code to image converting app like carbon | |||
| Live demo of the project | |||
| How to Build Code to Image Converter in Next JS (33 pages) | |||
| Source code | |||
| Videos coming soon! | |||
| [Project] Full Stack : Word To PDF (Guide) | |||
| webtxt-To-Pdf | |||
| [Project] Full Stack : StartUps SAS (Guide) | |||
| startup-sas | |||
| [Project] Full Stack : Chat App (Guide) | |||
| real-time-chatApp | |||
| [Project] Full Stack : Portfolio (Guide) | |||
| portfolio | |||
| [Project] Full Stack : Link in Bio (Guide) | |||
| link-in-bio | |||
| [Project] Full Stack : Disease Prediction (Guide) | |||
| Disease Predictor Application with React, Django and Machine Learning | |||
| [Project] Full Stack : Real Time Chat (Guide) | |||
| Chat Application in MERN Stack | |||
| [Project guide] - Build a DSA problem solving platform | |||
| How to create DSA Solving platform in Next JS (53 pages) | |||
| Daily DSA questions | |||
After successful purchase, this item would be added to your Library.
You can access the library in the following ways :
- From Computer, you can access your library after successful login
- For other devices, you can access your library using this web app through browser of your device.
Other Courses