There are no items in your cart
Add More
Add More
| Item Details | Price | ||
|---|---|---|---|
Job ready Next JS full stack web development course (lifetime + certificate)
Become a skilled full-stack web developer with NEXT JS
Instructor: 30DaysCoding
Language: Hindi
Enrolled Learners: 11738
Validity Period: Lifetime
$89.99 88% OFF
$8.47 excluding 18% GST
10% Cashback as 30DC Coins
📌 Course Overview
- ✅ Completion certificate awarded
- ✅ 30-day money-back guarantee
- ✅ React, Next.js, TypeScript covered
- ✅ Server-side rendering & static generation
- ✅ API routes & full-stack development
- ✅ 10+ hands-on projects
- ✅ Deployment strategies & optimization techniques
- ✅ Job-ready skills & interview preparation
📚 Curriculum Highlights
1. Next.js Fundamentals React & Next.js Basics
- React hooks and components review
- Next.js pages and routing system
- Layout and nested layouts
Data Fetching & Rendering
- Server-side rendering (SSR)
- Static site generation (SSG)
- Incremental static regeneration (ISR)
- Client-side data fetching
2. Advanced Next.js Features TypeScript Integration
- TypeScript basics for React developers
- Type-safe components and pages
- Interfaces and types for API responses
State Management & APIs
- Context API and Redux integration
- Creating API routes
- Connecting to databases (e.g., MongoDB, PostgreSQL)
3. Performance & Optimization
- Image optimization with next/image
- Font optimization techniques
- Code splitting and lazy loading
- Lighthouse performance auditing
4. Styling & UI
- CSS Modules and Sass integration
- Tailwind CSS setup and usage
- Styled-components in Next.js
🛠️ Practical Projects
- 10+ projects of increasing complexity
- E-commerce platform with cart functionality
- Blog with CMS integration
- Real-time chat application
- Server-side rendered dashboard
💼 Career Advancement
- Next.js-specific interview questions
- Building a portfolio with Next.js
- Deployment to Vercel, Netlify, and custom servers
🎁 Bonus Content
- Next.js best practices guide (PDF)
- SEO optimization techniques for Next.js apps
- Internationalization (i18n) implementation
- Serverless function integration
✅ Course Guarantees
- Hands-on coding exercises in every section
- Access to private GitHub repositories
- Lifetime access to course updates
- Community forum for peer support and networking
| Introduction to NEXT JS | |||
| Welcome to our course. DM me for any help! 1:00 | Preview | ||
| Complete walkthrough of the course (must watch) 4:00 | Preview | ||
| We have EVERYTHING you need in this course. | Preview | ||
| What is Next JS and why Next JS 9:00 | Preview | ||
| [NEW - Bonus] All our premium guides | Preview | ||
| Next JS introduction (must watch before you start) 8:00 | Preview | ||
| Learning items - Next JS | |||
| All guides and resources - download from here | |||
| Setup, Git, GiHub, Deploying | |||
| Install and Setup - Git and GitHub 10:00 | |||
| Intro to Git, GitHub, and Workflow 7:00 | |||
| Creating Repository, GitHub Pages, Deploying and Pushing code 12:00 | |||
| All guides and resources - download from here | |||
| Everything about HTML,CSS | |||
| [NEW] - HTML - notes and pdf (35 pages) | |||
| HTML: Intro, Tags, elements, headings 31:00 | |||
| HTML: div, classes , id ,styles 12:00 | |||
| HTML - Forms 16:00 | |||
| HTML - Tables 3:00 | |||
| HTML - Semantic Tags header, footer , nav , article , section , aside 7:00 | |||
| HTML - Images - img , picture 6:00 | |||
| HTML - Text MarkUp h1 to h6 , p , pre , br , hr 8:00 | |||
| HTML - Lists unordered , ordered , description 7:00 | |||
| HTML - Document Structure Doctype , html , head , title , body 7:00 | |||
| HTML - Links anchor tag , Absolute Url, Relative Url 7:00 | |||
| HTML - Text Formatting bold , strong , italics , em , sub ,sup 3:00 | |||
| HTML - Quotations and Citation Elements blockquote , quotation , abbr | |||
| HTML: Lists , Tables , Forms 25:00 | |||
| CSS mastery NEW videos [new uploads] | |||
| 0 Intro and Applying CSS | |||
| 1 . Selectors | |||
| 2 . Colors | |||
| 3 . Background | |||
| 4 . Borders | |||
| 5 . Box Model | |||
| 6 . Text | |||
| 7 . Fonts | |||
| 8 . Links | |||
| 9 . Display | |||
| 10 . FlexBox | |||
| 11 . Media Query | |||
| 12 . Box Sizing | |||
| 13 . Transform | |||
| 14 . Grid | |||
| Tailwind css mastery NEW videos [new uploads] | |||
| Intro , instalattion 7:00 | |||
| Utility First Framework | |||
| First Last Odd Even 4:00 | |||
| Hover , active , focus 5:00 | |||
| Group 5:00 | |||
| CSS and Tailwind - everything about Styling | |||
| CSS Text, Links , Lists , Table 10:00 | |||
| Applying CSS 6:00 | |||
| CSS - Backgrounds 3:00 | |||
| CSS - Borders 5:00 | |||
| CSS - Selectors 7:00 | |||
| CSS - Colors 11:00 | |||
| CSS - Grid 11:00 | |||
| CSS - FlexBox 16:00 | |||
| CSS - Box Model 11:00 | |||
| TAILWIND CSS | |||
| Master Tailwind CSS & Build Projects - Crash course 57:00 | |||
| Tailwind CSS with Project 33:00 | |||
| Build a landing page with Next JS and Tailwind CSS 8:00 | |||
| Tailwind responsive page project - [zip code file] | |||
| [Tailwind CSS project] - 1 - DSA revision guide landing page 2:00 | |||
| [Tailwind CSS project] - 2 - Edtech event page 1:00 | |||
| [Bonus] HTML, CSS projects | |||
| [HTML, CSS project 1] - Planet Selling - E commerce - HTML,CSS - complete app 41:00 | |||
| [HTML, CSS project 2] - Build a complete Signature app with HTML, CSS, JS 40:00 | |||
| [HTML, CSS project 3] - ECommerce app using HTML and CSS 96:00 | |||
| JavaScript mastery NEW videos [new uploads] | |||
| PLEASE WATCH NEW UPLOADED VIDEOS! | |||
| 1 . IDE _ VSCode , Replit | |||
| 2 . Script | |||
| 3 . Comments | |||
| 4. Variables 9:00 | |||
| 5 . Implicit Type Conversion 3:00 | |||
| 6 . Explicit Type Conversion | |||
| 7 . Arithmetic Operator | |||
| 8 . Incr _ Dec | |||
| 9 . Comparison Operator | |||
| 10 . == vs === | |||
| 11. Logical Operator | |||
| 12 . Conditional _ if , if else , nested if | |||
| 13. else if | |||
| 14 . Switch | |||
| 15 . Loop _ for , while , do while 13:00 | |||
| 16 . Functions | |||
| 17. Array 20:00 | |||
| 18 . map function | |||
| 20 . push , unshift | |||
| 21 . splice | |||
| 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 | |||
| If you're having a problem - Email me please | |||
| Everything about JavaScript - theory | |||
| JS part 1 - Introduction, basics, looping 31:00 | |||
| JS part 2 - Functions, Arrays 12:00 | |||
| JS part 3 - Variables, Data Types , Type Conversions and Operators 33:00 | |||
| JS part 4 - Conditional Statements and Loop 26:00 | |||
| JS part 5 - Functions, Arrays ,For in For of , Spread, Copy, Methods and Array destructuring 45:00 | |||
| JS part 6 - Asynchronous, Set Timeout , Callback, Callback Hell, Promise and Async_Await 36:00 | |||
| JS part 7 - Objects, Object inside Array, Function inside Function, Lexical Scope, This keyword , New and Symbol 43:00 | |||
| JS part 8 - proto , prototype and class 25:00 | |||
| JS part 9 - promises, async, await, and objects 21:00 | |||
| PLEASE WATCH NEW UPLOADED VIDEOS! | |||
| Everything about JavaScript - DOM | |||
| DOM in JS - Onclick 3:00 | |||
| DOM in JS - Working with forms 7:00 | |||
| DOM in JS - Window location 2:00 | |||
| [Project] - DOM in JS - Todo project 9:00 | |||
| DOM in JS - Styling 2:00 | |||
| DOM in JS - Siblings 4:00 | |||
| DOM in JS - Selectors in dom 7:00 | |||
| DOM in JS - Replace child 2:00 | |||
| DOM in JS - Pop ups 1:00 | |||
| DOM in JS - Parent node 2:00 | |||
| DOM in JS - Mouse over & out 2:00 | |||
| DOM in JS - Mouse down & Up 2:00 | |||
| DOM in JS - More siblings 2:00 | |||
| [Project] - DOM in JS - Key logger small project 16:00 | |||
| DOM in JS - Inner text & text content 6:00 | |||
| DOM in JS - Inner & outer html 3:00 | |||
| DOM in JS - Get & set attributes 4:00 | |||
| DOM in JS - First And last child 1:00 | |||
| DOM in JS - Event delegation 5:00 | |||
| DOM in JS - Event delegation 5:00 | |||
| DOM in JS - Dom traversal | |||
| DOM in JS - Animation 10:00 | |||
| DOM in JS - Bubbling 6:00 | |||
| DOM in JS - Dimension 1:00 | |||
| DOM in JS - Append child 3:00 | |||
| DOM in JS - Add listener event 2:00 | |||
| [Bonus] - Build JavaScript Projects | |||
| [JS project] - Key logger project 16:00 | |||
| [JS project] - Countdown till 2025 11:00 | |||
| [JS project] - Expense Tracker 24:00 | |||
| [JS project] - FetchAPI 10:00 | |||
| [JS project] - Guessing Game 17:00 | |||
| [HTML, CSS, JS Project] - Typing Speed Test 46:00 | |||
| [HTML, CSS, JS Project] - Quick Sign 40:00 | |||
| [HTML, CSS, JS Project] - Portfolio Site 29:00 | |||
| [zip code file] JS projects | |||
| [NEW] Build games with HTML, CSS, JS | |||
| [Game 1] - Tic tac toe game with HTML, CSS, JS 10:00 | |||
| [zip code file] Tic tac toe | |||
| [Game 2] - Card matching game with HTML, CSS, JS 7:00 | |||
| [zip code file] Card game | |||
| Build a Sudoku game (homework) | |||
| [zip code file] Connect 4 | |||
| Logic building w games (notes - pdf) | |||
| Want more? DM me on Instagram | |||
| Everything about React JS part 1 - Theory | |||
| What is React and its Folder structure 13:00 | |||
| Introduction to React Components 8:00 | |||
| React JS overview and speed run 60:00 | |||
| Introduction to JSX 9:00 | |||
| Multiple Components , props , project 28:00 | |||
| Hooks, useState, useEffect 66:00 | |||
| Context API 19:00 | |||
| useReducer 34:00 | |||
| React router , error #404 and Form Validation 66:00 | |||
| BMI Calculator with React JS 20:00 | |||
| Weather App with React JS 37:00 | |||
| Everything about React JS part 2 - hooks | |||
| useState 7:00 | |||
| useState Example #2 12:00 | |||
| useEffect 11:00 | |||
| useRef DOM example 5:00 | |||
| useRef Example 2 6:00 | |||
| useLayoutEffect 7:00 | |||
| useContext 3:00 | |||
| useRef 12:00 | |||
| useEffect vs useMemo 2:00 | |||
| Custom Hook 9:00 | |||
| useimperativeHandleHook 14:00 | |||
| [Additional] JS and React mini projects | |||
| JavaScript 5 Beginners Project in One Video 70:00 | |||
| JavaScript 5 Intermediate Project in One Video 163:00 | |||
| BMI Calculator with React JS 20:00 | |||
| Form Validation project in JS 34:00 | |||
| Landing pages projects 4:00 | |||
| Portfolio project with JavaScript 29:00 | |||
| Weather App - React JS 37:00 | |||
| [React JS project] - Build a Youtube clone app | |||
| Complete code zip file | |||
| Project setup, Home Navbar 38:00 | |||
| Add a Sidebar to the UI 23:00 | |||
| Youtube Api Setup, Redux Toolkit 12:00 | |||
| useDispatch, useSelector, getHomePage 27:00 | |||
| parseData, parseVideo Duration, convertRawtoString 34:00 | |||
| timeSince, Spinner Loading, Card 33:00 | |||
| Search, Search Card 32:00 | |||
| Scrollbar, Watch, Additional features 40: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 | |||
| 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 | |||
| 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 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! | |||
| [#4 Next JS project] - 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 | |||
| [#5 Next JS project] - Additional React and Next JS projects | |||
| React apps | |||
| Blog portfolio project with Nextra 7:00 | |||
| E-commerce project part 1 78:00 | |||
| E-commerce project part 2 47:00 | |||
| YouTube Clone with React JS + Youtube API + Redux toolkit + Tailwind CSS 242:00 | |||
| Random Next JS apps and ideas | |||
| Next JS + AI projects (15+ complete guides) | |||
| Build a URL shortener with Next JS and Supabase | |||
| Build a Modern Landing Page with Next.js and Tailwind CSS - Tutorial 4:00 | |||
| Full stack job board with Vercel, Next JS, DB 7:00 | |||
| Build a full stack app with Next JS, Prisma, Vercel DB 8:00 | |||
| [#6 Next JS project] - 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! | |||
| [#7 Next JS project] - Build quick projects with 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 | |||
| [#8 Next JS project] - 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 | |||
| [#9 Next JS project] - 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! | |||
| [#10 Next JS project] - 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! | |||
| [#11 Next JS project] - Build a DSA problem solving platform | |||
| How to create DSA Solving platform in Next JS (53 pages) | |||
| Daily DSA questions | |||
| #12 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 | |||
| Everything about Firebase | |||
| Introduction to Firebase 14:00 | |||
| Using Firebase for backend development 3:00 | |||
| Introduction to Firebase with React Auth, DB, Functions 34:00 | |||
| Authentication using React and Firebase 36:00 | |||
| E-learning app with Next JS and Firebase discussion 10:00 | |||
| CRUD using React and Firebase 36:00 | |||
| Learn authentication using React and Firebase 36:00 | |||
| Build AI projects with Firebase | |||
| Deploying full stack apps | |||
| Vercel Deploy 6:00 | |||
| Netlify Deploy 4:00 | |||
| GitHub Pages Deploy 12:00 | |||
| [Bonus] Open source mini series - Next JS version | |||
| Introduction, Dub.sh - Next JS open source app 5:00 | |||
| Cal.com - Next JS open source app 3:00 | |||
| Chat PDF - AI app 2:00 | |||
| Follow the right open source people | |||
| Join 1:1 mentorship | |||
| 1:1 mentorship + 24/7 Whatsapp access + all courses 1:00 | |||
| Join the mentorship plan | |||
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